Xamarin的Telerik UI下载30天免费试用

列的样式

RadDataGrid组件提供了用于自定义列及其单元格外观的样式机制。

样式化机制由以下属性表示:

  • HeaderStyle(DataGridColumnHeaderStyle)
  • CellContentStyle(DataGridTypedColumn)
  • CellDecorationStyle(DataGridBorderStyle)
  • CellEditorStyle(DataGridTypedColumn)

HeaderStyle

HeaderStyle定义列标题的外观。DataGridColumnHeaderStyle公开用于样式化其标题、筛选指示器、指示器、选项按钮和排序指示器的属性。

标题样式

使用以下属性设置RadDataGridColumnHeader的样式:

  • 输入TextColor写成BackgroundColor:分别定义文本部分/背景的颜色。
  • BorderColorBorderThickness:定义列标题周围的边框样式。
  • 字体选项(TextFontAttributes, TextFontFamily, TextFontSize):为ColumnHeader的文本部分定义字体选项。
  • 文本对齐方式(TextMargin, HorizontalTextAlignment, VerticalTextAlignment):为ColumnHeader的文本部分定义位置。

FilterIndicator样式

使用以下属性样式化columnheader的FilterIndicator。

  • 过滤器指示器字体选项(FilterIndicatorFontAttributes, FilterIndicatorFontFamily, FilterIndicatorFontSize):定义ColumnHeader过滤器符号的字体选项。
  • FilterIndicatorMargin:定义ColumnHeader的过滤器符号的边距。
  • FilterIndicatorText:为ColumnHeader的过滤器符号定义文本。
  • FilterIndicatorTextColor:定义过滤器符号正常状态的颜色。

请注意,一旦应用了筛选操作,筛选指示器将在ColumnHeader单元格中可见。此外,默认情况下,FilterIndicator使用内部符号字体族。要显示文本而不是符号,请将字体族设置为FilterIndicatorFontFamily属性并将文本设置为FilterIndicatorText财产。有关过滤功能的更多细节,请访问在这里

SortIndicator样式

指示器一旦RadDataGridColumnHeader排序(在ColumnHeader单元格上点击/单击),就会显示,并且可以使用以下属性进行样式化:

  • IndicatorColor:为ColumnHeader的指示器部分定义颜色。
  • 指示灯字体选项(IndicatorFontAttributes, IndicatoFontFamily, IndicatoFontSize):为ColumnHeader指示器定义字体选项。
  • IndicatorMargin:定义ColumnHeader中指示器部分的边距。
  • IndicatorText:定义ColumnHeader中指示器部分的文本。
  • SortIndicatorAscendingText:定义升序排序时排序指示器的文本。
  • SortIndicatorDescendingText:定义降序排序时排序指示器的文本。

默认情况下,指示器由一个字符串符号表示,可以使用IndicatorTextIndicatorFontFamily属性。有关排序功能检查的更多详细信息在这里

OptionsButton样式

OptionsButtonRadDataGridColumnHeader的FilteringUI表示DataGrid的FilteringUI。使用OptionsButton可以打开Filtering UI控件。

选项按钮的样式可以使用以下属性进行自定义:

  • 字体选项(OptonsButtonFontAttributes, OptionsButtonFontFamily, OptionsButtonFontSize):为ColumHeaders选项按钮定义字体选项
  • OptionsButtonMargin:定义ColumnsHeader选项按钮的边距
  • OptionsButtonText:定义ColumnHeaders选项按钮的文本。
  • OptionsButtonTextColor:定义ColumnHeaders选项按钮的文本颜色。

为了改变OptionsButton的可见性,您可以设置IsOptionsButtonVisible保龄球财产。缺省值为真正的这意味着默认情况下OptionsButton是可见的。

OptionsButton三个点的能见度

< telerikGrid: DataGridTextColumn。HeaderStyle > 

默认情况下,选项按钮由一个可以通过更改的字符串符号表示OptionsButtonTextOptionsButtonFontFamily属性。

下面是一个设置HeaderStyle属性的例子:

< telerikGrid: DataGridTextColumn。HeaderStyle > 

CellContentStyle

CellContentStyle属性定义与列关联的每个单元格的外观。Style对象的目标类型取决于列的类型。例如,对于DataGridTextColumn会的TextBlock类型。你可以去列类型部分(文本列,例如),以检查每个列类型的TargetType。以下属性可用于定义文本单元格元素的样式:

  • 字体选项(FontAttributes, FontFamily, FontSize):定义单元格文本的字体。
  • 输入TextColor/SelectedTextColor:定义单元格文本的颜色,您可以为选定的单元格设置不同的值。
  • 文本对齐方式(TextMargin, HorizontalTextAlignment, VerticalTextAlignment):定义文本在单元格内的位置。

CellContentStyle不申请TemplateColumn。此外,当CellContentTemplate使用。

下面是一个设置CellContentStyle属性的例子:

< telerikGrid: DataGridTextColumn。CellContentStyle >  

CellDecorationStyle

控件关联的列的每个单元格的边框设置样式CellDecorationStyle属性被使用。CellDecorationStyle是类型DataGridBorderStyle它提供以下属性:BackgroundColor, BorderColor, borderticness。

下面是一个如何在列上设置这些属性的例子:

< telerikGrid: DataGridTextColumn。CellDecorationStyle > 

CellEditorStyle

CellEditorStyle定义将应用于单元格编辑器的样式。

下面是一个如何设置此属性的示例:

< telerikGrid: DataGridTextColumn。CellEditorStyle > 

这是应用自定义列的属性时,列样式的外观:

DataGrid列样式

FooterStyle

FooterStyle定义列页脚的外观。的DataGridColumnFooterStyle为样式化暴露以下属性:

  • 输入TextColor写成BackgroundColor-分别定义文本部分/背景的颜色。
  • BorderColorBorderThickness-定义栏脚周围边框的样式。
  • 字体选项TextFontFamilyTextFontAttributesTextFontSize的文本部分定义字体选项ColumnFooter
  • 文本对齐方式TextMarginHorizontalTextAlignment文本垂直对齐的文本部分的定位ColumnFooter

浏览器应用程序包含DataGrid/ styles文件夹中的Columns样式示例。

另请参阅

在本文中
Baidu
map