用于WPF的Telerik UI免费下载30天试用版

开始

本教程将引导您创建一个示例应用程序,该应用程序包含RadCardView控制。

程序集引用

要使用RadCardView,请添加对以下程序集的引用:

  • Telerik.Windows.Controls
  • Telerik.Windows.Controls.Data
  • Telerik.Windows.Controls.Input
  • Telerik.Windows.Data

控件中的套件中找到每个控件所需的程序集控制依赖关系帮助文章。

定义RadCardView

要在控件中显示数据,请提供业务对象集合并将其分配给ItemsSourceRadCardView属性。

下面的示例展示了如何设置一个基本的卡片模型并填充控件的ItemsSource。

例1:创建卡片模型

public class CardInfo {public string Header {get;设置;}公共字符串名称{获取;设置;}公共int Number {get;设置;}}

示例2:在XAML中定义控件

示例3:用数据填充控件

公共MainWindow() {InitializeComponent();var source = new ObservableCollection();For (int I = 0;I < 6;i++){源。添加(new CardInfo() {Header = "Card " + i, Name = "Name " + i, Number = i});} this.cardView.ItemsSource = source;}

图1:RadCardView示例

WPF RadCardView RadCardView示例

该示例还展示了如何判断显示卡片头的属性是什么(通过CardHeaderBinding属性)和卡片的高度(通过MinorLength属性)。的基础上,MinorLength将应用于卡片的高度或宽度CardLayout属性值。

手动生成数据字段

默认情况下,RadCardView卡将自动生成数据字段对于card的model类的每个公共属性。要干扰此过程,可以使用AutoGeneratingDataFieldDescriptor事件,其中可以取消或自定义数据字段的生成。此外,您还可以设置AutoGenerateDataFieldDescriptor财产并通过RadCardView手动定义数据字段DataFieldDescriptors收集。阅读更多数据字段描述符篇文章。

数据操作

有几种机制可以定制显示的数据。您可以对其进行过滤、排序或分组。此外,当选择卡片时,您可以使用内置UI编辑其数据字段。有关这些特性的更多信息,请参阅特性文档的一部分。

设置主题

我们套件中的控件支持不同的主题。控件中可以看到如何应用与默认主题不同的主题设置主题帮助文章。

使用隐式样式更改主题将影响合并资源字典中定义样式的所有控件。这只适用于合并资源的范围中的控件。

要更改主题,您可以按照以下步骤操作:

  • 在主题之间进行选择,并添加对相应主题程序集的引用(例如:Telerik.Windows.Themes.Material.dll).中应用的不同主题主题我们的例子WPF控件示例应用程序。

  • 将resourcedictionary与主题程序集中正在使用的控件所需的名称空间合并。为RadCardView,您需要合并以下资源:

    • Telerik.Windows.Controls
    • Telerik.Windows.Controls.Data
    • Telerik.Windows.Controls.Input
    • Telerik.Windows.Data

示例2演示如何合并resourcedictionary,以便在整个应用程序中全局应用它们。

例2:合并资源字典

<应用程序。资源>        

控件使用控件的主题StyleManager

图4显示了一个RadCardView材料主题应用。

图4:材质主题的RadCardView

材质主题的RadCardView

另请参阅

在本文中
Baidu
map