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

样式

TemplatedPicker样式

  • PlaceholderLabelStyle(类型的风格有目标类型标签):定义应用于占位符标签的样式。
  • DisplayLabelStyle(类型的风格有目标类型标签):定义应用于标签的样式,当从选择器中选择项时,该标签将显示出来。

PickerContentView类公开了以下属性,用于样式化TemplatedPicker边框和背景颜色:

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

PlaceholderLabel风格

模板化选择器占位符标签样式

DisplayLabel风格

模板选择器显示标签样式

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

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

SelectorSetting还提供了以下属性用于自定义弹出窗口:

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

    • IsPopupModal = " True "弹出窗口后面的UI变得不活跃,直到弹出窗口关闭才能使用。
    • IsPopupModal = " False "当在弹出窗口外点击时,弹出窗口将被关闭。
  • HeaderLabelText字符串):指定在弹出式标题中显示的文本。

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

名称空间

使用以下样式之一PopupViewStyleHeaderStyleFooterStyle您需要添加以下命名空间

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

例子

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

模板选择器定义示例:

            < telerikInput: PickerPopupSelectorSettings。HeaderStyle>                           

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

PlaceholderLabel风格

DisplayLabel风格

HeaderLabel风格

AcceptButton风格

CancelButton风格

为第一个旋转器添加以下业务模型:

公共类国家:NotifyPropertyChangedBase{私有字符串名称;公共国家(){这。城市= new ObservableCollection();}公共字符串名称{获取{返回this.name;} set {if (value != this.name) {this.name。UpdateValue(ref this.name, value);}}} public ObservableCollection Cities {get;}}

为第二个旋转器添加以下业务模型:

公共类城市:NotifyPropertyChangedBase{私有字符串名称;公共字符串名称{获取{返回this.name;} set {if (value != this.name) {this.name。UpdateValue(ref this.name, value);} } } }

下面是ViewModel的一个定义示例:

公共类ViewModel: NotifyPropertyChangedBase{私有国家从国家;private City fromCity;公共ViewModel(){这个。国家= new ObservableCollection <中国>{新国家{Name =“奥地利”,城市={新城市{Name =“格拉茨”},新的城市{Name = "因斯布鲁克"},新的城市{Name =“林兹”},新的城市{Name = " Ratz "},新的城市{Name =“萨尔斯堡”},{Name =“维也纳”}新城市,新城市{Name = " Wolfsberg "},新的城市{Name = " Zeltweg}}},新国家= {{Name =“比利时”,城市新城市{Name =“安特卫普”},新的城市{Name = "阿塞斯},{Name = "布鲁日}新城市,新城市{Name = "该市"},新的城市{Name =“棉絮”},新的城市{Name = " Ranst "},新的城市{Name = " Schaffen "},新的城市{Name = " Veurne}, {Name = " Zingem新城市 " }, } }, 新国家{Name =“丹麦”,城市={新城市{Name = " Aalborg "}, {Name = "奥尔胡斯}新城市,新城市{Name = "比"},{Name =“哥本哈根”}新城市,新城市{Name = " Karup "},新的城市{Name = "欧登塞"},新的城市{Name = " Viborg "},新的城市{Name = " Vojens}}},新国家{Name =“法国”,城市= {{Name = " Aurillac}新城市,新城市{Name = " Belley "},新的城市{Name = " Bourg-en-Bresse}, {Name =“卡尔”}新城市,新城市{Name =“卡昂”},新的城市{Name = "多维尔"},新的城市{Name = "拉罗谢尔"},新的城市{Name =“好”},{Name =“马赛”}新城市,新城市{Name =“巴黎- Val-De-Marne”},新的城市{Name =“巴黎- Val d 'Oise”},新的城市{Name = " Rodez}}},新国家{Name =“德国”,城市= {{Name =“巴登巴登”}新城市,新城市{Name =“柏林”},{Name = " Borkum}新城市,新城市{Name =“不莱梅”},新的城市{Name = "多特蒙德},{Name =“德累斯顿”}新城市,新城市{Name = "汉堡"},新的城市{Name = "汉诺威},{Name = "莱比锡}新城市,新城市{Name =“曼海姆”},{Name =“慕尼黑”}新城市,新城市{Name = "纽伦堡}}},新国家= {{Name =“意大利”,城市新城市{Name = "奥斯塔},{Name =“巴里”}新城市,新城市{Name =“博洛尼亚”},新的城市{Name =“帕尔玛”},新的城市{Name = "里米尼”},新的城市{Name =“罗马——齐诺”},新的城市{Name =“罗马- Ciampino}}},新国家{Name =“荷兰”,城市={新城市{Name =“阿姆斯特丹”},{Name =“博内尔岛”}新城市,新城市{Name = "埃因霍温"},新的城市{Name =“马斯特里赫特”},新的城市{Name =“鹿特丹}}},新国家= {{Name =“葡萄牙”,城市新城市{Name = "布拉加"},新的城市{Name = " Cascais "},新城市{Name =“里斯本条约”},新的城市{Name =“波尔图}}},新国家{Name =“西班牙”,城市={新城市{Name =“阿利坎特”},{Name =“巴塞罗那”}新城市,新城市{Name =“马德里”},新的城市{Name = "塞维利亚},新的城市{Name =“瓦伦西亚”},新的城市{Name = "萨拉戈萨}}},新国家{Name =“联合王国”,城市={新城市{Name =“布里斯托尔机场”},新的城市{Name = "多宁顿城堡},{Name =“利物浦”}新城市,新城市{Name = "伦敦城市机场"},新城市{Name = "伦敦卢顿"},新城市{Name = "曼彻斯特机场"},新城市{Name = "诺里奇"},新城市{Name = "南安普顿"}},}; } public Country FromCountry { get { return this.fromCountry; } set { if (value != this.fromCountry) { this.UpdateValue(ref this.fromCountry, value); } } } public City FromCity { get { return this.fromCity; } set { if (value != this.fromCity) { this.UpdateValue(ref this.fromCity, value); } } } public ObservableCollection Countries { get; } }

将这样定义的ViewModel设置为页面的BindingContext:

这一点。BindingContext = new ViewModel();

除此之外,还需要添加如下命名空间:

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

当应用SelectorSetting属性时,模板选择器是这样的:

模板化的选择器样式

的TemplatedPicker/Features文件夹中可以找到一个样式示例SDK示例浏览器应用程序

另请参阅

在本文中
Baidu
map