Axure怎么创建页面常见的Tab页效果?

问题描述:

Axure怎么创建页面常见的Tab页效果?Axure中经常制作页面,想要制作Tab页效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下

Axure是一款原型界面制作软件,想要制作Tab页效果,该怎么制作呢?下面我们就来看看详细的教程。

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页效果?

以上就是Axure中Tab页效果的制作方法,希望大家喜欢,请继续关注。