第一步

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

一旦您啟動并運行了第一個簡單控件，請查看接下來的步驟部分開始更詳細地探索控件功能。

下載控件

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

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

注意：如果你不是用戶也可以下載一個免費的功能齊全的試用版，同樣的選項也適用。

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

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

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

Visual Studio Extensions可以通過Telerik | Telerik UI for WPF菜單訪問，該菜單根據(jù)Visual Studio中選擇的項目有不同的菜單項。擴展也可以通過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)用模板，選項是空白模板或MS Office啟發(fā)的應(yīng)用程序模板之一，選擇Blank選項。

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

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

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

向項目中添加Telerik控件

在本例中我們將使用RadGridView。

程序集引用

為了在你的項目中使用RadGridView控件，你必須添加對以下程序集的引用：

• Telerik.Windows.Controls

• Telerik.Windows.Controls.GridView

• Telerik.Windows.Controls.Input

• Telerik.Windows.Data

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

在工程中添加Telerik控件

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

例1:在XAML中添加RadGridView

XAML:

<telerik:RadGridView />

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

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

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

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

例2:簡單的業(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

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

例3:簡單的業(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)準備好了所需的示例數(shù)據(jù)，需要將其綁定到XAML中的每個列，如下面的示例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īng)該會看到這樣的內(nèi)容：

圖七：最終結(jié)果