样式
TemplatedPicker样式
- PlaceholderLabelStyle(类型的风格有目标类型标签):定义应用于占位符标签的样式。
- DisplayLabelStyle(类型的风格有目标类型标签):定义应用于标签的样式,当从选择器中选择项时,该标签将显示出来。
PickerContentView类公开了以下属性,用于样式化TemplatedPicker边框和背景颜色:
- 写成BackgroundColor(Xamarin.Forms.Color):定义选择器的背景颜色。
- BorderColor(Xamarin.Forms.Color):定义选择器的边框颜色。
- BorderThickness(Xamarin.Forms.Thickness):指定选择器的边框厚度。默认值为
新厚度(0,0,0,1)
. - CornerRadius(Xamarin.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还提供了以下属性用于自定义弹出窗口:
- PopupOutsideBackgroundColor(Xamarin.Forms.Color):定义弹出框外部的颜色。
IsPopupModal(保龄球):定义一个布尔值,指示在弹出窗口外点击时是否应该关闭弹出窗口。的缺省值IsPopupModal是假.
- 当IsPopupModal = " True "弹出窗口后面的UI变得不活跃,直到弹出窗口关闭才能使用。
- 当IsPopupModal = " False "当在弹出窗口外点击时,弹出窗口将被关闭。
HeaderLabelText(字符串):指定在弹出式标题中显示的文本。
- IsHeaderVisible(保龄球):指定Popup头当前是否可见。缺省值为真正的.
- IsFooterVisible(保龄球):指定弹出式页脚当前是否可见。缺省值为真正的.
- AcceptButtonText(字符串):定义接受按钮的可视化文本。默认情况下,文本为好吧.
- CancelButtonText(字符串):定义取消按钮的可视化文本。默认情况下,文本为取消.
名称空间
使用以下样式之一PopupViewStyle,HeaderStyle,FooterStyle您需要添加以下命名空间
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示例浏览器应用程序.