第一步
本文解释了如何在项目中获取用于WPF控件的Telerik UI,并开始快速使用它们。
一旦你有了你的第一个简单的控制启动和运行,看看下一个步骤节开始更详细地探索控件功能。
有关其他资源,您还可以查看右侧的相关文章部分。
下载控件
将控件获取到开发机器的最简单方法是使用进度控制面板或下载自动MSI安装程序你的telerik.com账号.
图1:下载自动(.msi)安装程序
如果你不是客户,你可以下载一个免费的,功能齐全的试用版同样的选择也适用于你。
下面的文章可以帮助您选择最适合您的需求和偏好的安装类型:我需要安装哪个文件.
使用Telerik Visual Studio扩展创建应用程序
为WPF项目创建Telerik UI的最简单方法是使用Visual Studio扩展它们与用于WPF安装程序的Telerik UI一起发布。
Visual Studio Extensions可以通过Telerik | Telerik UI for WPF菜单访问,该菜单根据Visual Studio中选择的项目有不同的菜单项。扩展也可以通过WPF应用程序的上下文菜单访问。
创建新的Telerik WPF应用程序。
图2:转到Telerik > Telerik UI for WPF > Create New Telerik Project
图3:创建新的Telerik应用程序
选择应用模板。选项是空白模板或MS Office启发的应用程序模板之一。选择Blank选项。
图4:选择应用程序模板
此时,项目只引用通用的Telerik.Windows.Controls.dll。
使用项目配置向导配置项目。您可以进入Telerik > Telerik UI for WPF > Configure Project。打开向导时,您可以从列表中选择要使用的控件(或在搜索框中搜索它们)。一旦您选择了它们,单击OK,它将向您的项目添加所需的dll和引用。
图5:向图表控件添加引用
此步骤是可选的,只有在使用Telerik.Windows.Controls.dll中未定义的控件时才需要它。
向项目中添加远程控制
对于本例,我们将使用RadGridView.
程序集引用
为了使用RadGridView控件中,您必须添加对以下程序集的引用:
- Telerik.Windows.Controls
- Telerik.Windows.Controls.GridView
- Telerik.Windows.Controls.Input
- Telerik.Windows.Data
如果你使用的是。net Core 3.1或更高版本的项目,你需要安装Microsoft.Windows.Compatibility手工包。如果您使用nuget包安装Telerik dll,则会自动执行此操作。
向项目中添加远程控制
你可以加上RadGridView手动编写XAML代码示例1或者您也可以通过从Visual Studio工具箱中拖动控件并将其放到XAML视图上来添加控件。
例1:在XAML中添加RadGridView
< telerik: RadGridView / >
图6:由示例1中的代码生成的空网格
用数据填充
为了填充RadGridView控件,您应该创建一个业务对象集合。创建一个名为配置文件并向其添加几个不同的类型属性,如示例2.
示例2:简单的业务类
公共类配置文件{公共int ID {get;设置;}公共字符串名称{获取;设置;}公共DateTime日期{获取;设置;}公共bool IsChecked {get;设置;}}
公共类配置文件公共属性ID为整数公共属性名称为字符串公共属性日期为日期时间公共属性IsChecked为布尔值
结束课
接下来,在主窗口中创建Profile对象集合,并设置radgridviewitemsource。
示例3:简单的业务类
公共MainWindow() {this.InitializeComponent();var source = new ObservableCollection();DateTime date = DateTime. now;For (int I = 0;I < 10;i++){源。添加(new Profile() {ID = i, Name = "Item" + i, Date = Date, IsChecked = i % 2 == 0});date = date. adddays (7);}显示数据表格。ItemsSource = source; }
Public Sub New() Me.InitializeComponent() Dim source = New ObservableCollection(Of Profile)() Dim date As DateTime = DateTime。现在为i作为整数= 0到10 - 1源。Add(New Profile() With {. id = i, . name = "Item" & i, . date = date, . ischecked = i Mod 2 = 0}) date = date. adddays(7)下一个gridView。ItemsSource = source End Sub End Class
现在已经准备好了所需的示例数据,需要将其绑定到XAML中的每个列,如下面的示例4所示。
例4:在XAML中定义RadGridView
图7:最终结果
下一个步骤
既然您已经在项目中运行了用于WPF控件的Telerik UI,那么您可能希望探索它们的特性、自定义它们的行为或更改它们的外观。你可以在下面找到关于开始这些任务的指导: