实现原理:
方法一:动态计算,slider上增加背景图,根据滑动的进度动态计算背景图的大小;
方法二:slider+progress,根据slider滑动的进度,动态改变progress的显示进度;
方法三:slider+mask,根据slider的滑动进度,动态该表mask显示区域大小;
如果滑动条显示用的是九宫格,推荐方法一和二
如果滑动条显示是一张图,推荐方法三
具体效果图如下:
实现代码:
tDemo.zip (229.3 KB)
实现原理:
方法一:动态计算,slider上增加背景图,根据滑动的进度动态计算背景图的大小;
方法二:slider+progress,根据slider滑动的进度,动态改变progress的显示进度;
方法三:slider+mask,根据slider的滑动进度,动态该表mask显示区域大小;
如果滑动条显示用的是九宫格,推荐方法一和二
如果滑动条显示是一张图,推荐方法三
具体效果图如下:
实现代码:
tDemo.zip (229.3 KB)
你这个很明显把图片压变形了
把图片设置为tiled
多谢提醒。