实现原理:
方法一:动态计算,slider上增加背景图,根据滑动的进度动态计算背景图的大小;
方法二:slider+progress,根据slider滑动的进度,动态改变progress的显示进度;
方法三:slider+mask,根据slider的滑动进度,动态该表mask显示区域大小;
如果滑动条显示用的是九宫格,推荐方法一和二
如果滑动条显示是一张图,推荐方法三
具体效果图如下:
实现代码:
tDemo.zip4 (229.3 KB)
百度云: https://pan.baidu.com/s/1KKqbVu8lU8qsDFYwDMNWnw
密码: edlv