Xamarin.Forms 第09局:设置型控件
2019-01-10 本文已影响3人
dotNET之家
总目录
前言
本文介绍:
一、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#方式
后语
下篇介绍编辑型控件,待续...