智宇的switch與slider研究

1.switch

switch就是這個開關樣式的按鈕,可以使用這個開關去做一些判定,例如:打開時顯示圖片,而關閉時就將圖片消失。

State、On Tint、Thumb Tint這三個為switch比較常用到的欄位

State指的是switch的狀態,當switch打開就是On,而關閉就是Off。

順帶一提,若是想用程式碼去判別State的狀態,可以使用isOn去判別。

因為isOn是bool值,所以應當給他true或是false,而當isOn為true時,就代表State的狀態為On,所以我這邊寫的是當switch是打開時,更換背景顏色,而當關閉時,將背景顏色換成白色。

再來我將On Tint和Thumb Tint一起講

On Tint指的是上圖switch底部綠色的那塊,而Thumb Tint是上圖switch的白色圓形按鈕,這兩個都可以去根據個人喜好做更換顏色。

2.slider

slider指的就是這個可以左右滑動的按鈕,它在app上很常見,不管是要調整音量或是調整螢幕亮度都可以使用它。

這些就是slider主要的屬性

Minimum就是slider最左邊代表的數值,而Maximum就是slider最右邊代表的數值,那Value就是一開始想讓slider的按鈕預設的數值。

Min Image和Max Image是可以放圖片的地方,一邊是最小側的圖片,另一邊是最大側的圖片。
最後三個Min Track、Max Track及Thumb Tint則是能更改顏色。
Min Track是以中間按鈕為準左邊的長條顏色(上圖紅色的部分),Max Track則是中間按鈕為準右邊的長條顏色(上圖灰色的部分),Thumb Tint就是中間圓形按鈕的顏色。

其實還有很多元件可以來研究,等待下次有機會的時候。

--

--