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:滑动条。

实现效果
Xamarin.Forms 第09局:设置型控件_第1张图片
Xaml方式
Xamarin.Forms 第09局:设置型控件_第2张图片
Xamarin.Forms 第09局:设置型控件_第3张图片

Slider主要属性和事件:

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

注:Maxinum必须大于Minimum,所以赋值时先一般先设置Maxinum,再设置Minimum。

C#方式
Xamarin.Forms 第09局:设置型控件_第4张图片

二、Stepper

Stepper:步进器。

实现效果
Xamarin.Forms 第09局:设置型控件_第5张图片
Xaml方式
Xamarin.Forms 第09局:设置型控件_第6张图片
Xamarin.Forms 第09局:设置型控件_第7张图片

Stepper主要属性和事件:

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

注:Maxinum必须大于Minimum,所以赋值时先一般先设置Maxinum,再设置Minimum。

C#方式
Xamarin.Forms 第09局:设置型控件_第8张图片

三、Switch

Switch:开关。

实现效果
Xamarin.Forms 第09局:设置型控件_第9张图片
Xaml方式
Xamarin.Forms 第09局:设置型控件_第10张图片
Xamarin.Forms 第09局:设置型控件_第11张图片

Switch主要属性和事件:
- IsToggled:获取或这是开关状态;
- Toggled:开关触发事件;

C#方式
Xamarin.Forms 第09局:设置型控件_第12张图片

四、DatePicker

DatePicker:日期选择器。

实现效果
Xamarin.Forms 第09局:设置型控件_第13张图片
Xaml方式
Xamarin.Forms 第09局:设置型控件_第14张图片

DatePicker的主要属性和控件:

  • MinimumDate:可选日期范围最小值;
  • MaximumDate:可选日期范围最大值;
  • Format:日期显示格式;
  • Date:所选日期;
  • TextColor:所选日期的文本颜色;
  • DateSelected:日期选择事件;
C#方式
Xamarin.Forms 第09局:设置型控件_第15张图片

五、TimePicker

TimePicker:时间选择器。

实现效果
Xamarin.Forms 第09局:设置型控件_第16张图片
Xaml方式
Xamarin.Forms 第09局:设置型控件_第17张图片

TimePicker主要属性:

  • Time:所选时间;
  • Format:时间格式,"t"为短时间模式,即:17:30,"T"为长时间格式,即:17:30:00。
C#方式
Xamarin.Forms 第09局:设置型控件_第18张图片

后语

下篇介绍编辑型控件,待续...


总目录

你可能感兴趣的:(Xamarin.Forms 第09局:设置型控件)