Axure RP Pro 6.5如何创建Tab标签效果-趣百科

Axure RP Pro 6.5如何创建Tab标签效果

Axure RP Pro能帮助网站需求设计者，快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计，并可自动生成用于演示的网页文件和规格文件，从而可以将产品人员的想法快速准确的传递给开发人员。

本文将分步向大家介绍如何使用Axure RP Pro 6.5创建Tab标签效果

最终效果如下所示。

向页面内添加一个动态面板

右键单击动态面板——编辑动态面板——管理动态面板，给面板命名为large_panel，并定义三种状态，标签1、标签2、标签3，如图

单击编辑全部状态

在状态标签1(主页)页面内，添加2个矩形线框图，并调整大小

右键单击小矩形

小矩形线框图改变为顶部圆角矩形，复制两个，调整位置，如图所示

添加文字，标签2、标签3填充为灰色

右击标签1——顺序——置于顶层，注意：标签要覆盖大矩形一些，不然标签置于顶层仍看不出效果

同理，在标签2、标签3页面的蓝色线框内，画出如下图形

定义动作，选中标签1——双击右侧OnClick，按图示操作

同理，定义标签2、标签3的动作，相应的标签对应large_panel相应的状态，三个页面9个标签的动作都需定义

生成——原型，到此结束

Tab标签的样式，是通过改变线框图里的矩形为顶部圆角矩形得到的

Axure RP Pro 6.5如何创建Tab标签效果