查看: 4122|回复: 1

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

[复制链接]

0

主题

53

回帖

404

积分

版主

BOSS

Rank: 7Rank: 7Rank: 7

积分
404
发表于 2014-9-19 10:37:36 | 显示全部楼层 |阅读模式
尹广磊公众帐号
实现效果:点击标签,滑块滑动到该标签上,标签样式为选中状态,同时其他标签显示为未选中状态;

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

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

标签滑块.vp

450.32 KB, 下载次数: 24

0

主题

208

回帖

682

积分

版主

Rank: 7Rank: 7Rank: 7

积分
682
发表于 2014-9-20 00:37:38 | 显示全部楼层
1# qihaoqingren
赞!
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-12-28 01:48

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表