手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Axure如何创建Tab页效果

时间:2024-10-17 06:20:52

1、打开Axure 创建一个空白页面

Axure如何创建Tab页效果

2、加入一个矩形,设置好填充颜色,设置好选中属性

Axure如何创建Tab页效果
Axure如何创建Tab页效果
Axure如何创建Tab页效果

3、复制两个相同的矩形,作为三个Tab按钮,输入选项组名称 Tab

Axure如何创建Tab页效果

4、在三个按钮下方再加入一个矩形,点击右键,转换为动态面板

Axure如何创建Tab页效果

5、将动态面板 状态上点击右键 复制状态,复制完成后有三个状态,分别对应三个Tab

Axure如何创建Tab页效果
Axure如何创建Tab页效果

6、分别双击三个状态,将页面内容分别设置为 状态一、状态二、状态三

Axure如何创建Tab页效果

7、对三个状态分别设置交互,鼠标单击时,Tab页 设置为选中,面板状态 设置为对应状态

Axure如何创建Tab页效果
Axure如何创建Tab页效果
Axure如何创建Tab页效果

8、点击 预览按钮 查看效果,分别点击三个Tab页,可以看到 矩形框内容随之变化

Axure如何创建Tab页效果
Axure如何创建Tab页效果
Axure如何创建Tab页效果
Axure如何创建Tab页效果
© 手抄报圈