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页效果
  • 黄瓜面膜的功效与作用怎么做黄瓜面膜
  • 如何处理锌镍合金电镀废水
  • 对腰腿痛的认识
  • 复刻奈雪草莓面包
  • 龙珠Q传寻找龙珠怎么玩
  • 热门搜索
    关于三国演义的手抄报 鲁迅手抄报图片 中秋节手抄报的内容 关于爱读书的手抄报 关于爱国卫生的手抄报 关于感恩的手抄报资料 小学生安全手抄报大全 争做最美少年手抄报 关于孝道的手抄报 春手抄报