第一步

本文解釋了如何在項(xiàng)目中獲取Telerik UI for WPF控件并開始快速使用它們。

一旦您啟動(dòng)并運(yùn)行了第一個(gè)簡(jiǎn)單控件，請(qǐng)查看接下來(lái)的步驟部分開始更詳細(xì)地探索控件功能。

下載控件

將控件安裝到開發(fā)機(jī)器的最簡(jiǎn)單方法是使用進(jìn)度控制面板或從您的telerik.com帳戶下載自動(dòng)MSI安裝程序。

圖1:下載自動(dòng)(.msi)安裝程序

注意：如果你不是用戶也可以下載一個(gè)免費(fèi)的功能齊全的試用版，同樣的選項(xiàng)也適用。

下面的文章可以幫助您選擇最適合您的需求和偏好的安裝類型：我需要安裝哪個(gè)文件。

使用Telerik Visual Studio擴(kuò)展創(chuàng)建應(yīng)用程序

創(chuàng)建Telerik UI for WPF項(xiàng)目最簡(jiǎn)單的方法是使用與Telerik UI for WPF安裝程序一起發(fā)布的Visual Studio Extensions。

Visual Studio Extensions可以通過Telerik | Telerik UI for WPF菜單訪問，該菜單根據(jù)Visual Studio中選擇的項(xiàng)目有不同的菜單項(xiàng)。擴(kuò)展也可以通過WPF應(yīng)用程序的上下文菜單訪問。

1.打開Microsoft Visual Studio。

2.創(chuàng)建新的Telerik WPF應(yīng)用程序。

圖2:轉(zhuǎn)到Telerik > Telerik UI for WPF > Create New Telerik Project

圖3:創(chuàng)建新的Telerik應(yīng)用程序

3.選擇應(yīng)用模板，選項(xiàng)是空白模板或MS Office啟發(fā)的應(yīng)用程序模板之一，選擇Blank選項(xiàng)。

圖4:選擇應(yīng)用程序模板 此時(shí)，項(xiàng)目只引用通用的Telerik.Windows.Controls.dll。

使用項(xiàng)目配置向?qū)渲庙?xiàng)目可以進(jìn)入Telerik > Telerik UI for WPF > Configure Project。打開向?qū)r(shí)您可以從列表中選擇要使用的控件(或在搜索框中搜索它們)。一旦您選擇了它們，單擊OK，它將向您的項(xiàng)目添加所需的dll和引用。

圖5:向圖表控件添加引用注意：此步驟是可選的，只有在使用Telerik.Windows.Controls.dll中未定義的控件時(shí)才需要它。

向項(xiàng)目中添加Telerik控件

在本例中我們將使用RadGridView。

程序集引用

為了在你的項(xiàng)目中使用RadGridView控件，你必須添加對(duì)以下程序集的引用：

• Telerik.Windows.Controls

• Telerik.Windows.Controls.GridView

• Telerik.Windows.Controls.Input

• Telerik.Windows.Data

注意：如果您使用的項(xiàng)目目標(biāo)是.NET Core3.1或更高版本，則需要手動(dòng)安裝Microsoft.Windows.Compatibility包，如果您使用nuget包安裝Telerik dll則會(huì)自動(dòng)執(zhí)行此操作。

在工程中添加Telerik控件

您可以通過編寫示例1中的XAML代碼來(lái)手動(dòng)添加RadGridView，或者您也可以通過從Visual Studio工具箱中拖動(dòng)控件并將其放到XAML視圖上來(lái)添加控件。

例1:在XAML中添加RadGridView

XAML:

<telerik:RadGridView />

如果運(yùn)行該應(yīng)用程序您將看到一個(gè)沒有列和行的空網(wǎng)格，如圖6所示。

圖6:由示例1中的代碼生成的空網(wǎng)格

數(shù)據(jù)填充

為了用數(shù)據(jù)填充RadGridView控件，您應(yīng)該創(chuàng)建一個(gè)業(yè)務(wù)對(duì)象集合，創(chuàng)建一個(gè)名為Profile的新類并向其添加幾個(gè)不同的類型屬性如示例2所示。

例2:簡(jiǎn)單的業(yè)務(wù)類

C#:

public class Profile 
{ 
public int ID { get; set; } 
public string Name { get; set; } 
public DateTime Date { get; set; } 
public bool IsChecked { get; set; } 
}

VB.NET:

Public Class Profile 
Public Property ID As Integer 
Public Property Name As String 
Public Property Date As DateTime 
Public Property IsChecked As Boolean

接下來(lái)在主窗口中創(chuàng)建Profile對(duì)象集合，并設(shè)置RadGridView ItemSource。

例3:簡(jiǎn)單的業(yè)務(wù)類

C#:

public MainWindow() 
{ 
this.InitializeComponent(); 
var source = new ObservableCollection<Profile>(); 
DateTime date = DateTime.Now; 
for (int i = 0; i < 10; i++) 
{ 
source.Add(new Profile() { ID = i, Name = "Item" + i, Date = date, IsChecked = i % 2 == 0 }); 
date = date.AddDays(7); 
} 
gridView.ItemsSource = source; 
}

VB.NET:

Public Sub New() 
Me.InitializeComponent() 
Dim source = New ObservableCollection(Of Profile)() 
Dim date As DateTime = DateTime.Now 

For i As Integer = 0 To 10 - 1 
source.Add(New Profile() With { 
.ID = i, 
.Name = "Item" & i, 
.Date = date, 
.IsChecked = i Mod 2 = 0 
}) 
date = date.AddDays(7) 
Next 

gridView.ItemsSource = source 
End Sub 
End Class

現(xiàn)在已經(jīng)準(zhǔn)備好了所需的示例數(shù)據(jù)，需要將其綁定到XAML中的每個(gè)列，如下面的示例4所示。

例4:在XAML中定義RadGridView

XAML:

<Grid> 
<telerik:RadGridView x:Name="gridView" 
AutoGenerateColumns="False"> 
<telerik:RadGridView.Columns> 
<telerik:GridViewDataColumn DataMemberBinding="{Binding ID}"/> 
<telerik:GridViewDataColumn DataMemberBinding="{Binding Name}" /> 
<telerik:GridViewDataColumn DataMemberBinding="{Binding Date}" /> 
<telerik:GridViewDataColumn DataMemberBinding="{Binding IsChecked}" /> 
</telerik:RadGridView.Columns> 
</telerik:RadGridView> 
</Grid>

運(yùn)行這個(gè)項(xiàng)目，你應(yīng)該會(huì)看到這樣的內(nèi)容：

圖七：最終結(jié)果