UI: 自訂UISlider

標籤：style   blog   color   io   使用   for   strong   sp   div   

問題:

用過了 UISlider 的預設顯示方式,現在想要定製一下它的外觀 

 

minimumTrackTintColor:這個屬性改變 slider 中最小值 track view 的 tint color

thumbTintColor:這個屬性是修改 slider 的 thumb view 的 tint color

maximumTrackTintColor:這個屬性修改 slider 中最大值 track view 的 tint color 

 Minimum value image:
這個圖片顯示在 slider 的外部(左邊)。預設情況下,是不會有這個圖片顯示的,所以,如果你在 view 上建立一個新的 slider,是看不到這個圖片的。使用這個圖片,可以給使用者一個相關的暗示。例如,在程式中,使用者可以增加或者降低螢幕的明亮度,minimumvalue image可以顯示一個低灰階的圖片,以暗示使用者可以將slider的thumb往左移動(趨向於最小值),以減小螢幕的亮度。可以通過 slider 執行個體方法 setMinimumValueImage:來改變這個圖片。圖片的尺寸為 23point 的寬和 23point 的高。針對 retina 螢幕,則??供兩倍大小的圖片即可。

Minimum track image

這個圖片將顯示在 thumb 的左邊軌跡上,可以通過 slider 執行個體方法setMinimumTrackImage:forState:來修改這個圖片。圖片的尺寸為 11point 寬和 9point 高,該圖片被構造為一個可伸縮圖片。針對 retina 螢幕,需要??供 46*46 大小的圖片。

Thumb image

這個圖片是針對 thumb 的;即 slider 中移動的那個圖片。可以通過 slider 的執行個體方法setThumbImage:forState:來修改這個圖片。這個圖片的尺寸為 23*23.

Maximum track image

這個圖片將顯示在 thumb 的右邊軌跡上,可以通過 slider 執行個體方法setMaximumTrackImage:forState:來修改這個圖片。圖片的尺寸為 11point 寬和 9point 高,該圖片被構造為一個可伸縮圖片。針對 retina 螢幕,需要??供 46*46 大小的圖片。

Maximum value image

Maximum value image圖片顯示在slider的外部(右邊),與minimum value image類似。可以通過 setMaximumValueImag:方法來修改這個圖片,圖片尺寸為 23*23。

[_mySlider setMinimumValueImage:[UIImage imageNamed:@"ee"]];

 

 

UI: 自訂UISlider