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

样式

TimePicker样式

Xamаrin的Time Picker控件提供了以下样式属性来定制它的外观:

  • SpinnerStyle(类型的风格具有目标类型telerikDataControls: RadSpinner):定义应用于微调项和选定项的样式。
  • SpinnerHeaderStyle(类型的风格具有目标类型Xamarin.Forms.Label):指定应用于微调标头标签的样式。
  • SelectionHighlightStyle(类型的风格具有目标类型telerikPrimitives: RadBorder):指定应用于弹出框内选择的样式。
  • PlaceholderLabelStyle(类型的风格具有目标类型Xamarin.Forms.Label):定义应用于占位符标签的样式。
  • DisplayLabelStyle(类型的风格具有目标类型Xamarin.Forms.Label):定义应用于标签的样式,该样式在选择时间时显示。

此外,RadTimePicker还公开了用于指定其边框样式和背景颜色的属性,即:

  • 写成BackgroundColorXamarin.Forms.Color):定义选择器的背景色。
  • BorderColorXamarin.Forms.Color):定义选择器的边框颜色。
  • BorderThicknessXamarin.Forms.Thickness):指定选择器的边框厚度。默认值为新厚度(0,0,0,1)
  • CornerRadiusXamarin.Forms.Thinckness):指定选取器的角半径。

使用SelectorSettings属性(类型)Telerik.XamarinForms.Input.PickerPopupSelectorSettings),您可以修改对话框的外观(弹出)。PickerPopupSelectorSettings类公开了以下样式属性:

  • PopupViewStyle(类型的风格具有目标类型telerikInput: PickerPopupContentView):定义弹出式视图样式。
  • HeaderStyle(类型的风格具有目标类型telerikInput: PickerPopupHeaderView):定义弹出式标题样式。
  • HeaderLabelStyle(类型的风格具有目标类型Xamarin.Forms.Label):定义弹出式标题标签样式。
  • FooterStyle(类型的风格具有目标类型telerikInput: PickerPopupFooterView):定义弹出式页脚样式。
  • AcceptButtonStyle(类型的风格具有目标类型Xamarin.Forms.Button):定义Accept按钮样式。
  • CancelButtonStyle(类型的风格具有目标类型Xamarin.Forms.Button):定义取消按钮的样式。

SelectorSettings还为弹出式定制提供了以下属性:

  • PopupOutsideBackgroundColorXamarin.Forms.Color):定义弹出窗口外的颜色。
  • IsPopupModal保龄球):定义一个布尔值,指示在弹出窗口外点击弹出窗口时是否应关闭。

    • IsPopupModal = " True "弹出窗口背后的UI变得不活跃,直到弹出窗口关闭才能使用。
    • IsPopupModal = " False "弹出窗口可以关闭时,点击弹出窗口外。的值IsPopupModal
  • HeaderLabelText字符串):指定在弹出头中显示的文本。

  • IsHeaderVisible保龄球):指定弹出头当前是否可见。缺省值为真正的
  • IsFooterVisible保龄球):指定弹出页脚当前是否可见。缺省值为真正的
  • AcceptButtonText字符串):定义accept按钮的可视化文本。默认情况下,文本为好吧
  • CancelButtonText字符串):定义取消按钮的可视化文本。默认情况下,文本为取消

名称空间

在定义其中一些样式时,您需要包含额外的名称空间,以便正确解析目标类型。

使用PopupViewStyleHeaderStyleFooterStyle您需要添加以下命名空间:

xmlns: telerikInput = " clr-namespace: Telerik.XamarinForms.Input;装配= Telerik.XamarinForms.Input”

使用SelectionHighlightStyleTabStripStyle需要添加如下命名空间:

xmlns: telerikPrimitives = " clr-namespace: Telerik.XamarinForms.Primitives;装配= Telerik.XamarinForms.Primitives”

使用SpinnerStyle需要添加如下命名空间:

xmlns: telerikDatacontrols = " clr-namespace: Telerik.XamarinForms.DataControls;装配= Telerik.XamarinForms.DataControls”

例子

下面是一个示例示例,展示了如何应用样式属性。

让我们来看看以下内容时间选择器定义:

    

下面是如何在页面资源中定义样式的。

转轮样式

        

SpinnerHeader风格

SelectionHighlight风格

PlaceholderLabel风格

 .

DisplayLabel风格

 .

PopupView风格

 .

标题样式

HeaderLabel风格

页脚样式

 .

AcceptButton风格

CancelButton风格

 .

名称空间

此外,还需要添加以下命名空间:

xmlns: telerikInput = " clr-namespace: Telerik.XamarinForms.Input;装配= Telerik.XamarinForms.Input”xmlns:telerikDataControls="clr-namespace:Telerik.XamarinForms.DataControls;assembly=Telerik.XamarinForms.DataControls" xmlns:telerikPrimitives="clr-namespace:Telerik.XamarinForms.Primitives;assembly=Telerik.XamarinForms.Primitives"

这是应用上面描述的样式时Time Picker控件的外观:

时间选择器

的TimePicker/Features文件夹中可以找到样式化示例浏览器应用程序

另请参阅

在本文中
Baidu
map