首页 > 代码库 > UI: 自定义UISlider

UI: 自定义UISlider

2024-07-26 09:06:00   221人阅读

问题:

用过了 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


联系
我们