Xamarin.Forms 第09局:設(shè)置型控件

總目錄


前言

本文介紹:
一、Slider
二、Stepper
三、Switch
四、DatePicker
五、TimePicker

環(huán)境

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

內(nèi)容

一、Slider

Slider:滑動(dòng)條。

實(shí)現(xiàn)效果
Xaml方式

Slider主要屬性和事件:

  • Maxinum:滑動(dòng)范圍最大值,默認(rèn)值是1;
  • Minimum:滑動(dòng)范圍最小值,默認(rèn)值是0;
  • Value:滑塊值,介于Maxinum和Minimum之間,默認(rèn)值是0;
  • MinimumTrackColor:滑塊左側(cè)顏色;
  • MaximumTrackColor:滑塊右側(cè)顏色;
  • ThumbColor:滑塊顏色;
  • ThumbImage:滑塊圖片;
  • ValueChanged:值變更事件;

注:Maxinum必須大于Minimum,所以賦值時(shí)先一般先設(shè)置Maxinum,再設(shè)置Minimum。

C#方式

二、Stepper

Stepper:步進(jìn)器。

實(shí)現(xiàn)效果
Xaml方式

Stepper主要屬性和事件:

  • Maxinum:步進(jìn)范圍最大值,默認(rèn)值是100;
  • Minimum:步進(jìn)范圍最小值,默認(rèn)值是0;
  • Increment:增量,即步長,默認(rèn)值是1;
  • Value:步進(jìn)器的值,介于Maxinum和Minimum之間,默認(rèn)值是0;
  • ValueChanged:值變更事件;

注:Maxinum必須大于Minimum,所以賦值時(shí)先一般先設(shè)置Maxinum,再設(shè)置Minimum。

C#方式

三、Switch

Switch:開關(guān)。

實(shí)現(xiàn)效果
Xaml方式

Switch主要屬性和事件:
- IsToggled:獲取或這是開關(guān)狀態(tài);
- Toggled:開關(guān)觸發(fā)事件;

C#方式

四、DatePicker

DatePicker:日期選擇器。

實(shí)現(xiàn)效果
Xaml方式

DatePicker的主要屬性和控件:

  • MinimumDate:可選日期范圍最小值;
  • MaximumDate:可選日期范圍最大值;
  • Format:日期顯示格式;
  • Date:所選日期;
  • TextColor:所選日期的文本顏色;
  • DateSelected:日期選擇事件;
C#方式

五、TimePicker

TimePicker:時(shí)間選擇器。

實(shí)現(xiàn)效果
Xaml方式

TimePicker主要屬性:

  • Time:所選時(shí)間;
  • Format:時(shí)間格式,"t"為短時(shí)間模式,即:17:30,"T"為長時(shí)間格式,即:17:30:00。
C#方式

后語

下篇介紹編輯型控件,待續(xù)...


總目錄

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容