滑塊可以用來(lái)顯示進(jìn)度幢哨、調(diào)節(jié)音量、調(diào)整圖片嫂便、定義價(jià)格范圍等捞镰。使用Slider組件就不用重頭開始搭建了。
Slider組件由3個(gè)圖層構(gòu)成:滑塊本身毙替、填充物岸售、旋鈕〕Щ滑塊本身是指軌跡部分(一般是顏色較淺)凸丸,旋鈕是用來(lái)改變滑塊的值 value
,填充 fill
表示當(dāng)前選中的值袱院。這些圖層的外觀可以和其他圖層一樣自定義屎慢。
Slider組件特有的屬性:
- min (最小值)
- max (最大值)
- value (起始值)
- knobSize (旋鈕的寬高)
# 創(chuàng)建滑塊
slider = new SliderComponent
min: 0
max: 100
value: 50
knobSize: 40
# 給填充定義顏色
slider.fill.backgroundColor = "#fff"
滑塊本身就是一個(gè)圖層,也就說(shuō)所有的可視屬性都可以被更改忽洛。
# 定義滑塊顏色
slider.backgroundColor = "#DDD"
# 定義填充顏色
slider.fill.backgroundColor = "#00AAFF"
# 定義旋鈕投影
slider.knob.shadowY = 2
值的變化 Value Changes
onValueChange
標(biāo)簽可以檢測(cè)值的更改腻惠,并在更改時(shí)檢索當(dāng)前值。
# 添加滑塊
slider = new SliderComponent
min: 0
max: 100
value: 50
# 獲取當(dāng)前值
slider.onValueChange ->
print slider.value