第一步

本文解释了如何在项目中获取Telerik UI for WPF控件并开始快速使用它们。

一旦您启动并运行了第一个简单控件，请查看接下来的步骤部分开始更详细地探索控件功能。

下载控件

将控件安装到开发机器的最简单方法是使用进度控制面板或从您的telerik.com帐户下载自动MSI安装程序。

图1:下载自动(.msi)安装程序

注意：如果你不是用户也可以下载一个免费的功能齐全的试用版，同样的选项也适用。

下面的文章可以帮助您选择最适合您的需求和偏好的安装类型：我需要安装哪个文件。

使用Telerik Visual Studio扩展创建应用程序

创建Telerik UI for WPF项目最简单的方法是使用与Telerik UI for WPF安装程序一起发布的Visual Studio Extensions。

Visual Studio Extensions可以通过Telerik | Telerik UI for WPF菜单访问，该菜单根据Visual Studio中选择的项目有不同的菜单项。扩展也可以通过WPF应用程序的上下文菜单访问。

1.打开Microsoft Visual Studio。

2.创建新的Telerik WPF应用程序。

图2:转到Telerik > Telerik UI for WPF > Create New Telerik Project

图3:创建新的Telerik应用程序

3.选择应用模板，选项是空白模板或MS Office启发的应用程序模板之一，选择Blank选项。

图4:选择应用程序模板 此时，项目只引用通用的Telerik.Windows.Controls.dll。

使用项目配置向导配置项目可以进入Telerik > Telerik UI for WPF > Configure Project。打开向导时您可以从列表中选择要使用的控件(或在搜索框中搜索它们)。一旦您选择了它们，单击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则会自动执行此操作。

在工程中添加Telerik控件

您可以通过编写示例1中的XAML代码来手动添加RadGridView，或者您也可以通过从Visual Studio工具箱中拖动控件并将其放到XAML视图上来添加控件。

例1:在XAML中添加RadGridView

XAML:

<telerik:RadGridView />

如果运行该应用程序您将看到一个没有列和行的空网格，如图6所示。

图6:由示例1中的代码生成的空网格

数据填充

为了用数据填充RadGridView控件，您应该创建一个业务对象集合，创建一个名为Profile的新类并向其添加几个不同的类型属性如示例2所示。

例2:简单的业务类

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

接下来在主窗口中创建Profile对象集合，并设置RadGridView ItemSource。

例3:简单的业务类

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

现在已经准备好了所需的示例数据，需要将其绑定到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>

运行这个项目，你应该会看到这样的内容：

图七：最终结果