axure8怎么给网页制作Tabpage页效果?

所属分类: 软件教程 / 图形图像 阅读数: 389
收藏 0 赞 0 分享

我们经常能在网页中看到Tabpage页,这是很长用的常用组件,下面我们就来看看使用axure制作的方法。

1、新建工程,在元件库中找:矩形元件,拖放到工作区。然后按照下图所示,按照顺序对元件进行:变形,旋转:

2、设置元件大小,并在选中元件后右键,将元件转换为动态面板:详细见下图

3、按照图示,对元件进行命名,状态命名操作,名称分别为 tab1、选中

4、进入选中状态后,添加一个文本,设置为:tab1,然后选中状态,右键进行“复制状态”操作:

5、复制状态后,对选中状态进行文字、背景的设置,如下图

6、复制三个“tab1”元件,并分别改变文字为:tab1/tab2/tab3,并命名,且将tab2/tab3的选中状态置后:

7、再添加一个动态面板,置于选项卡的下方,在状态1中添加一个图像元件,并添加图像。元件命名为:tabpage,然后复制状态两份,总计三份:

8、点击选项卡1,在属性中添加:鼠标单击时,交互事件

9、根据图示,设置tab1/tab2/tab3的交互事件,添加思路:点击tab1设置 tab1状态为选中,其他为非选中,设置tabpage为页面1,依次类推,进行设置:

10、预览效果:

以上就是zxure标签页效果的制作方法,请继续关注脚本之家。

相关推荐:

axure8怎么制作tab菜单选中的效果?

Axure RP Pro 7.0怎么制作Tab标签效果?

Axure8怎么制作彩色个性化的按钮?

更多精彩内容其他人还在看

Authorware怎么制作轮播图? Authorware图片自动播放效果的制作方法

Authorware怎么制作轮播图?Authorware中的图片想要自作成轮播的效果,该怎么让图片自动播放呢?下面我们就来看看Authorware图片自动播放效果的制作方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Edraw Max亿图图示怎么创建德国国旗?

Edraw Max亿图图示怎么创建德国国旗?Edraw Max中想要绘制一个国旗,该怎么绘制国旗呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

C4D线性切割功能怎么穿孔?

C4D线性切割功能怎么穿孔?c4d建模的模型想要切割一个洞,该怎么实现呢?我们可以使用c4d中线性切割来穿孔,下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Edraw max亿图图示怎么制作情人节贺卡?

Edraw max亿图图示怎么制作情人节贺卡?Edraw max中想要制作一个情人节贺卡,该怎么设计情人节贺卡呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Edraw Max亿图图示怎么画收音机?

Edraw Max亿图图示怎么画收音机?Edraw Max中想要制作一台收音机的图形,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Edraw Max亿图图示怎么创建蝴蝶狂欢节面罩?

Edraw Max亿图图示怎么创建蝴蝶狂欢节面罩?狂欢节会有假面舞会,想要制作一个蝴蝶面具该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

UG10.0怎么快速建模长方形镜子?

UG10.0怎么快速建模长方形镜子?镜子都有镜框,想要制作一个长方形镜框,该怎么建模呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

UG10.0怎么快速建模牙签盒盖子?

UG10.0怎么快速建模牙签盒盖子?ug中想要创建牙签盒,该怎么建模三维立体的牙签盒呢?下面我们就来看看ug建模牙签盒的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Edraw Max亿图图示怎么绘制美味的Pizza图?

Edraw Max亿图图示怎么绘制美味的Pizza图?Edraw Max亿图图示中想要绘制一个披萨,该怎么绘制披萨呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Edraw Max亿图图示怎么创建绿色花边心?

Edraw Max怎么创建绿色花边心?Edraw Max中想要绘制一个绿色的花朵,花心是心形,该怎么绘制呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多