第一步
立即下載Telerik UI for WPF
本文解釋了如何在項目中獲取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>
	點擊復制
運行這個項目,你應該會看到這樣的內容:
圖七:最終結果
	 

 QQ交談
QQ交談 在線咨詢
在線咨詢 
                 
                
 渝公網安備
            50010702500608號
渝公網安備
            50010702500608號
             
            
 客服熱線
客服熱線