實現原理:
方法一:動態計算,slider上增加背景圖,根據滑動的進度動態計算背景圖的大小;
方法二:slider+progress,根據slider滑動的進度,動態改變progress的顯示進度;
方法三:slider+mask,根據slider的滑動進度,動態該表mask顯示區域大小;
如果滑動條顯示用的是九宮格,推薦方法一和二
如果滑動條顯示是一張圖,推薦方法三
具體效果圖如下:
實現代碼:
tDemo.zip4 (229.3 KB)
百度雲: https://pan.baidu.com/s/1KKqbVu8lU8qsDFYwDMNWnw
密碼: edlv
