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