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页效果
猜你喜欢