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”，到这一步就完成了。
相关推荐：
相关文章
- Axure RP 8怎么制作单选题中的单选框？在做题目的时候经常能看到单选题，该怎么制作单选框呢？下面我们就来看看Axure RP 8中单选框的使用方法，需要的朋友可以参考下2016-05-25
- Axure RP 8中怎么制作复选框？看到网页总经常能遇到复选题，这时候就需要使用复选框，使用axure制作网页原型的时候怎么添加复选框呢？下面我们来看看详细的教程2016-05-24
- Axure RP 8怎么创建下拉框？想给网页制作一个下拉框，该怎么设计呢？今天我们就来看看Axure RP 8给网页制作下拉框的教程，图文很详细，需要的朋友可以参考下2016-05-22
- Axure中怎么为网站制作联动下拉菜单？Axure绘制网站原型很方便，如果想制作一个下拉菜单中选择一项，后面的下拉菜单会跟着变化的情况，该怎么做呢？下面我们来看看详细操作2016-05-20
- Axure抽屉效果菜单效果该怎么制作？经常使用Axure制作网页原型，今天我们就来看看Axure制作抽屉效果菜单效果的教程，很简单，图文很详细，需要的朋友可以参考下2016-05-18
- Axure中怎么制作动态倒计时的原型？经常我们在做程序之前，都会将前台的原型制作出来，大概的功能也会制作出来，今天我们就来看看Axure中制作倒计时功能的教程，需要的朋友2016-04-18
- Axure怎么实现电话号码的验证的原型？很多网站都会用电话号码来什么账号，但是怎么才能判断别人输入的电话号码正不正确呢？下面我们来看看Axure电话号码的验证的教程，需要2016-03-30
- Axure RP Pro 7.0怎么制作图片轮播按钮效果？经常看到网页上有轮播图在首页，我们该怎么做呢？下面我们来看看Axure轮播图按钮的原型图的制作方法，需要的朋友可以参考下2016-03-27
- Axure绘制好的原型怎么发布和预览？经常使用Axure绘制网页原型，但是绘制好以后需要发布出来才能看到实际效果，Axure原型怎么发布和预览呢？请看下文详细教程2016-03-23
- axure怎么上传自己下载好的元件库/控件库？axure中自带的控件库样式少，想自己添加一些，于是从上下载了一些元件库，但是下载好以后不知道怎么添加到axure中，怎么办n呢？2016-03-23
最新评论