Tab标签页卡
当点击不同的页卡时,内容区域会发生对应的变化。
效果
点击不同的页卡,切换相应的内容,并且页卡状态也随之改变。
实现步骤:
a. 元器准备
-
准备3个标签卡
拖入矩形框,利用矩形框左边三角形改变矩形的弧度,修改矩形的样式,使其底边不显示。
2.准备动态面板和三种静态状态(实现细节参照上节-动态面板之轮播图)
b.交互效果
-
在动态面板中为每个页卡添加点击时用例。
如页卡1-1班页卡,点击时把动态面板切换到1班内容
-
更改页卡的选中状态,将页卡1切换为选中
-
修改页卡选中时样式
其他两个页卡的操作同上。
-
选中三个页卡 - 右键 - 设置选项组 - 随意命名,这样可以保证同一时刻内只有一个页卡是被选中的。
源文件:
- Axure Share地址
- 百度网盘链接:http://pan.baidu.com/s/1dELWRmD 密码:bn42