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

http://jingyan.baidu.com/article/ce09321b3c665f2bff858f01.html 

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

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

​ 最终效果如下所示。

 

 

 

 

 

 

 

 

工具/原料

 

•  Axure RP Pro 6.5

方法/步骤

 

1. 1

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

    

    

   
2.  

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

    

    

   
3.  

   单击编辑全部状态 

    

    

    

    

   

   
4.  

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

    

   右键单击小矩形

    

    

    

   

   
5.  

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

    

    

   
6.  

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

    

    

   
7.  

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

    

    

    

    

   

   
8.  

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

    

    

    

    

   

   
9.  

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

    

    

    

    

   

   
10.  

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

11.  

    生成——原型，到此结束

     

    
    END

注意事项

 

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