自定义控件实践--自定义Slider

前段时间在做一个视频播放器,根据需求Slider的Thumb需要是半透明的,但是在使用UISlider的过程中我发现这样的问题,如下图:

自定义控件实践--自定义Slider_第1张图片
UISlider.value为0.png
自定义控件实践--自定义Slider_第2张图片
UISlider.value为1.png

当Thumb为透明时,这种情况我身为一个强迫症简直不能忍啊,所以决定用自定义Slider来实现需求。

经过一番探索之后,成功自定义了一个可以横向/纵向滑动的Slider,可以显示当前视频资源的加载进度,而且Thumb的位置是严格按照value的比例的。
先放实现图:

自定义控件实践--自定义Slider_第3张图片
横向Slider.value为0
自定义控件实践--自定义Slider_第4张图片
横向Slider.value为1
自定义控件实践--自定义Slider_第5张图片
纵向Slider.value为0
自定义控件实践--自定义Slider_第6张图片
纵向Slider.value为1


项目源码:
https://github.com/latorex12/LTProgressSlider

你可能感兴趣的:(自定义控件实践--自定义Slider)