Slider的三种实现

实现原理:
方法一:动态计算,slider上增加背景图,根据滑动的进度动态计算背景图的大小;
方法二:slider+progress,根据slider滑动的进度,动态改变progress的显示进度;
方法三:slider+mask,根据slider的滑动进度,动态该表mask显示区域大小;

如果滑动条显示用的是九宫格,推荐方法一和二
如果滑动条显示是一张图,推荐方法三

具体效果图如下:

实现代码:
tDemo.zip (229.3 KB)

2赞

你这个很明显把图片压变形了

把图片设置为tiled

2赞

多谢提醒。