如何客製化 Slider 的樣式

如何客製化 Slider 的樣式

 

問題

昨天 O 先生問了 Slider 顏色變更的問題,但後來才發現說不只是進度列的顯示要更換。

還想要將進度列標示位置的白色方塊 ( 上面 ) 更換成其他的樣式 ( 下面 )

image

 

變更 Slider Style

所有的控制項都有對應的 Style ,而 內建的 control 則是在系統本身,所以若是要調整的話就必須要將 Style 複製一份

image

image

當然請選擇要放在那裡 ( 通常建議放在字典中 )

若是有存成字典檔的話,以後就可以直接套在其他專案上。

 

image

這時候就可以看到 Slider 就會被拆解對一個一個的元素在畫面上

 

image

接著就看設計師他們有什麼要求,是要用菱形的?還是要換顏色?就隨自已開心了

當然可以學 Win8 Media Player 那樣子可以在點選的時候是大大的圈圈,平常播放時是小的設計也是很不錯的

 

是不是非常方便! Smile

 

其他的控制項當然也可以如法泡製