2.Axure动态面板之Tab标签页卡

Tab标签页卡

当点击不同的页卡时，内容区域会发生对应的变化。

enter image description here

效果

点击不同的页卡，切换相应的内容，并且页卡状态也随之改变。

实现步骤：

a. 元器准备

1. 准备3个标签卡
   拖入矩形框，利用矩形框左边三角形改变矩形的弧度，修改矩形的样式，使其底边不显示。

   
   
   

   enter image description here

2.准备动态面板和三种静态状态(实现细节参照上节-动态面板之轮播图)

enter image description here

enter image description here

b.交互效果

1. 在动态面板中为每个页卡添加点击时用例。
   如页卡1-1班页卡，点击时把动态面板切换到1班内容
   

   

   enter image description here

2. 更改页卡的选中状态，将页卡1切换为选中

   
   
   

   enter image description here

3. 修改页卡选中时样式

   
   
   

   enter image description here

4. 其他两个页卡的操作同上。

5. 选中三个页卡 - 右键 - 设置选项组 - 随意命名，这样可以保证同一时刻内只有一个页卡是被选中的。

   
   
   

   enter image description here

源文件：

1. Axure Share地址
2. 百度网盘链接：http://pan.baidu.com/s/1dELWRmD 密码：bn42