JmFans 发表于 2014-9-19 10:37:36

【jmfans案例系列】标签滑块效果

实现效果:点击标签,滑块滑动到该标签上,标签样式为选中状态,同时其他标签显示为未选中状态;
http://jmfans.qiniudn.com/biaoqian.png
justinmind标签滑动效果
实现步骤:
1、添加标签(例如原型中为3个),添加背景滑块;
2、把背景滑块的层级置于标签之下;
3、在每个标签上添加手指点击事件,执行4个动作(对于3个标签而言):
动作一:更改当前选中标签的样式;
动作二:更改当前未选中的其中一个标签样式;
动作三:更改当前另一个未选中的标签样式;
动作四:移动背景滑块至当前标签位置。

原文地址:http://www.jmfans.com/archives/86

best919 发表于 2014-9-20 00:37:38

1# qihaoqingren
赞!
页: [1]
查看完整版本: 【jmfans案例系列】标签滑块效果