WPF界面控件Telerik UI for WPF初级入门教程 - 入门指南
本文主要介紹如何在項目中獲取Telerik UI for WPF控件,并開始快速使用它們。啟動并運行第一個簡單控件后,請查看后續步驟部分,開始更詳細地探索控件功能。
點擊獲取工具下載
使用Telerik Visual Studio擴展創建應用程序
創建一個Telerik UI for WPF項目最簡單的方法就是使用Visual Studio 擴展,該擴展隨 Telerik UI for WPF 安裝程序一起分發。
可以通過Telerik | Telerik UI for WPF菜單訪問Visual Studio擴展,在Visual Studio中根據不同的菜單項選定項目,也可以通過WPF 應用程序的上下文菜單訪問擴展。
1. 打開Microsoft Visual Studio。
2. 創建一個新的Telerik?WPF應用程序。
跳轉到Telerik > Telerik UI for WPF > Create New Telerik Project。
創建新的Telerik應用程序。
3. 選擇應用程序模板,選項是空白模板或受 MS Office 啟發的應用程序模板,選擇Blank選項。
選擇應用程序模板。
此時,項目僅引用常見的 Telerik.Windows.Controls.dll。
4. 使用項目配置向導配置項目,您可以通過跳轉到Telerik > Telerik UI for WPF > Configure Project來實現。當打開向導時,可以從列表中選擇您要使用的控件(或在搜索框中搜索它們)。 選擇它們后,單擊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 />如果運行該應用程序,您將看到一個沒有列和行的空網格,如下圖所示:
示例 1 中的代碼生成的空網格:
用數據填充
為了用數據填充 RadGridView 控件,您應該創建一個業務對象集合。 創建一個名為 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 中創建 Profile 對象的集合并設置 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現在您已準備好所需的示例數據,需要將其綁定到 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>運行項目,你應該看到如下內容:
Telerik UI for WPF | 下載試用
Telerik UI for WPF擁有超過100個控件來創建美觀、高性能的桌面應用程序,同時還能快速構建企業級辦公WPF應用程序。UI for WPF支持MVVM、觸摸等,創建的應用程序可靠且結構良好,非常容易維護,其直觀的API將無縫地集成Visual Studio工具箱中。
了解最新Kendo UI最新資訊,請關注Telerik中文網!
總結
以上是生活随笔為你收集整理的WPF界面控件Telerik UI for WPF初级入门教程 - 入门指南的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 实现很简单的搜索引擎
- 下一篇: Telerik UI for WPF 2