Xamarin.Forms 第09局：设置型控件

总目录

前言

本文详情：
一、Slider
二、Stepper
三、Switch
四、DatePicker
五、TimePicker

环境

1.Visual Studio 2017
2.Xamarin.Froms 4.0.0.8055-pre1
3.Android 4.4(API 19)或者更高版本
4.商定：XF代表Xamarin.Forms

内容

一、Slider

Slider：滑动条。

实现效果

Xaml方式

Slider主要属性和事件：

• Maxinum：滑动范围最大值，默认值是1；
• Minimum：滑动范围最小值，默认值是0；
• Value：滑块值，介于Maxinum和Minimum之间，默认值是0；
• MinimumTrackColor：滑块左侧颜色；
• MaximumTrackColor：滑块右侧颜色；
• ThumbColor：滑块颜色；
• ThumbImage：滑块图片；
• ValueChanged：值变更事件；

注：Maxinum必需大于Minimum，所以赋值时先一般先设置Maxinum，再设置Minimum。

C#方式

二、Stepper

Stepper：步进器。

实现效果

Xaml方式

Stepper主要属性和事件：

• Maxinum：步进范围最大值，默认值是100；
• Minimum：步进范围最小值，默认值是0；
• Increment：增量，即步长，默认值是1；
• Value：步进器的值，介于Maxinum和Minimum之间，默认值是0；
• ValueChanged：值变更事件；

注：Maxinum必需大于Minimum，所以赋值时先一般先设置Maxinum，再设置Minimum。

C#方式

三、Switch

Switch：开关。

实现效果

Xaml方式

Switch主要属性和事件：
– IsToggled：获取或者这是开关状态；
– Toggled：开关触发事件；

C#方式

四、DatePicker

DatePicker：日期选择器。

实现效果

Xaml方式

DatePicker的主要属性和控件：

• MinimumDate：可选日期范围最小值；
• MaximumDate：可选日期范围最大值；
• Format：日期显示格式；
• Date：所选日期；
• TextColor：所选日期的文本颜色；
• DateSelected：日期选择事件；

C#方式

五、TimePicker

TimePicker：时间选择器。

实现效果

Xaml方式

TimePicker主要属性：

• Time：所选时间；
• Format：时间格式，”t”为短时间模式，即：17:30，”T”为长时间格式，即：17:30:00。

C#方式

后语

下篇详情编辑型控件，待续…

总目录