WPF界面控件Telerik UI for WPF初级入门教程 - 入门指南
本文主要介紹如何在項目中獲取Telerik UI for WPF控件,并開始快速使用它們。啟動并運行第一個簡單控件后,請查看后續(xù)步驟部分,開始更詳細(xì)地探索控件功能。
點擊獲取工具下載
使用Telerik Visual Studio擴(kuò)展創(chuàng)建應(yīng)用程序
創(chuàng)建一個Telerik UI for WPF項目最簡單的方法就是使用Visual Studio 擴(kuò)展,該擴(kuò)展隨 Telerik UI for WPF 安裝程序一起分發(fā)。
可以通過Telerik | Telerik UI for WPF菜單訪問Visual Studio擴(kuò)展,在Visual Studio中根據(jù)不同的菜單項選定項目,也可以通過WPF 應(yīng)用程序的上下文菜單訪問擴(kuò)展。
1. 打開Microsoft Visual Studio。
2. 創(chuàng)建一個新的Telerik?WPF應(yīng)用程序。
跳轉(zhuǎn)到Telerik > Telerik UI for WPF > Create New Telerik Project。
創(chuàng)建新的Telerik應(yīng)用程序。
3. 選擇應(yīng)用程序模板,選項是空白模板或受 MS Office 啟發(fā)的應(yīng)用程序模板,選擇Blank選項。
選擇應(yīng)用程序模板。
此時,項目僅引用常見的 Telerik.Windows.Controls.dll。
4. 使用項目配置向?qū)渲庙椖?#xff0c;您可以通過跳轉(zhuǎn)到Telerik > Telerik UI for WPF > Configure Project來實現(xiàn)。當(dāng)打開向?qū)r,可以從列表中選擇您要使用的控件(或在搜索框中搜索它們)。 選擇它們后,單擊OK將向您的項目添加所需的 dll 和引用。
添加對圖表控件的引用。
此步驟是可選的,只有在使用 Telerik.Windows.Controls.dll 中未定義的控件時才需要它。
向項目添加 Telerik 控件
對于本示例,我們將使用RadGridView。
配置引用
為了在項目中使用 RadGridView 控件,您必須添加對以下程序集的引用:
- Telerik.Windows.Controls
- Telerik.Windows.Controls.GridView
- Telerik.Windows.Controls.Input
- Telerik.Windows.Data
向項目添加 Telerik 控件
您可以通過編寫 XAML 代碼手動添加 RadGridView,也可以通過將控件從 Visual Studio 工具箱拖放到 XAML 視圖上來添加控件。
示例 1:在 XAML 中添加 RadGridView
XAML
<telerik:RadGridView />如果運行該應(yīng)用程序,您將看到一個沒有列和行的空網(wǎng)格,如下圖所示:
示例 1 中的代碼生成的空網(wǎng)格:
用數(shù)據(jù)填充
為了用數(shù)據(jù)填充 RadGridView 控件,您應(yīng)該創(chuàng)建一個業(yè)務(wù)對象集合。 創(chuàng)建一個名為 Profile 的新類并向其添加幾個不同的類型屬性,如示例 2 所示。
示例 2:簡單的business類
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接下來,在 MainWindow 中創(chuàng)建 Profile 對象的集合并設(shè)置 GridView ItemSsource。
示例 3:簡單business類
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.NowFor 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) NextgridView.ItemsSource = source End Sub End Class現(xiàn)在您已準(zhǔn)備好所需的示例數(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)容:
Telerik UI for WPF | 下載試用
Telerik UI for WPF擁有超過100個控件來創(chuàng)建美觀、高性能的桌面應(yīng)用程序,同時還能快速構(gòu)建企業(yè)級辦公WPF應(yīng)用程序。UI for WPF支持MVVM、觸摸等,創(chuàng)建的應(yīng)用程序可靠且結(jié)構(gòu)良好,非常容易維護(hù),其直觀的API將無縫地集成Visual Studio工具箱中。
了解最新Kendo UI最新資訊,請關(guān)注Telerik中文網(wǎng)!
總結(jié)
以上是生活随笔為你收集整理的WPF界面控件Telerik UI for WPF初级入门教程 - 入门指南的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 实现很简单的搜索引擎
- 下一篇: Telerik UI for WPF 2