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

Axure RP Pro 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,从而可以将产品人员的想法快速准确的传递给开发人员。本文将分步向大家介绍如何使用 Axure RP Pro 7.0创建Tab标签效果。最终效果如下所示:

1、向页面内添加一个动态面板,如图:

2、右键单击动态面板 - 管理面板状态 - 管理面板状态管理,给面板命名为主页,并定义三种状态,Tab1,如图:

3、部件管理 - 主页 - Tab1,右键“编辑”,在Tab1中添加两个矩形,如图:

4、调节矩形大小,使得小的矩形和大矩形在一起的部分重合,再右键“标签1” - 顺序 - 置于顶层,设置小矩形置顶,大矩形置底;右键“标签1”- 选择形状 - 顶部矩形,如图:

5、添加多个标签,复制“标签1”,重命名“标签2”,“标签3”,右键“标签2”- 选择形状 - 矩形,选中“标签2”填充颜色;“标签3”同样,如图:

6、添加交互动作,此处以添加单击为例,选中“标签1”,在“部件交互和注释”- “交互” - 双击 “鼠标单击时”弹出窗口,在“动态面板”- 单击“设置面板状态”,在“第四部:配置动作”中勾选“主页(动态面板)”,如需调整标签在“选择状态”中选择,此处我没有添加多个标签,下一步详细讲解,如图:

7、类似步骤2,在动态面板编辑界面,右键单击动态面板 - 管理面板状态 - 管理面板状态管理,单击选中“Tab1”,点击复制,然后重命名“Tab2”、“Tab3”;重复步骤4和步骤5,修改“标签2”,“标签3”,如图:

8、重复步骤6,首先在状态“Tab1”中,给“标签2”,“标签3”也添加动作。重复此步骤在装“Tab2”、“Tab3”中,也给“标签2”,“标签3”也添加动作,在这里要提一下,接的修改“标签1”的动作状态调整到“Tab1”,到这一步就完成了。

(0)

相关推荐

  • Axure RP Pro 7.0怎么制作图片轮播按钮效果?

    当下几乎所有大小网站都有轮播图展示功能,你还可以用鼠标点击轮播图上的按钮来切换图片:当你需要制作带按钮控制的轮播图效果时,往往会上网搜索制作方法,但很难找到详细步骤说明和演示,本人也经历过欲找教程但屡 ...

  • Axure RP Pro 7.0怎么制作图片轮播按钮控制效果?

    当下几乎所有大小网站都有轮播图展示功能,你还可以用鼠标点击轮播图上的按钮来切换图片:当你需要制作带按钮控制的轮播图效果时,往往会上网搜索制作方法,但很难找到详细步骤说明和演示,本人也经历过欲找教程但屡 ...

  • Axure RP Pro 7.0轮播图按钮控制效果手把手教程

    当下几乎所有大小网站都有轮播图展示功能,你还可以用鼠标点击轮播图上的按钮来切换图片: 当你需要制作带按钮控制的轮播图效果时,往往会上网搜索制作方法,但很难找到详细步骤说明和演示,本人也经历过欲找教程但 ...

  • Axure RP Pro怎么汉化?axure rp8中文破解教程

    axure rp是一套专业的原型设计工具,它可以高效率制作产品原型,快速绘制线框图.流程图.网站架构图.示意图.HTML模版等.但是正式版是英文版的,怎么进行汉化呢?下面小编就为大家分享一下axure ...

  • Axure RP 8怎么使用中继器实现自增效果?

    Axure RP 8想要给按钮添加点击效果,每次点击按钮,中继器控制变量自动加1,下面我们就来看看详细的教程. 1.打开Axure RP 8设计软件,在元件库中拖一个按钮和中继器到画布中,并修改按钮的 ...

  • Axure RP Pro怎么制作一个网页展示原型?

    开发前端功能,少不了原型设计,一个好的工具,帮助我们设计更好的原型——合适的页面展示,流畅的页面跳转.页面交互. 1.创建你所需要的页面,并将你需要完成的原型,画在空白区域内,选择要添加的组件:其中需 ...

  • Axure RP 8.1最新汉化破解安装详细教程(附汉化包下载)

    axure rp 8是一款专业的原型设计工具,能够高效率制作产品原型,快速绘制线框图.流程图.网站架构图.示意图.HTML模版等.Axure RP Pro是专为Rapid Prototype Desi ...

  • Axure RP 8怎么使用按钮控制图片的显示或隐藏?

    Axure RP 8中想要制作一个按钮点击事件控制图片显示的效果,如果不点击显示按钮图片就不显示,该怎么设置呢?下面我们就来看看详细的教程. 1.打开Axure RP 8设计软件,在元件库中的基本元件 ...

  • Axure RP 8怎么画漂亮的游泳圈图形?

    利用Axure RP 8设计软件工具实现制作游泳圈:环形游泳圈.淡蓝色和有图片或图纹.操作如下: 1.打开Axure RP 8设计原型软件,在基本元件里拖曳一个圆形到画布上,调整宽度和高度都为400, ...