AXURE RP8 Tab选项卡切换操作步骤
2018-08-26 本文已影响387人
嘻嘻嘻滴滴滴
1.点开Axure RP8,做3个矩形框当做按钮,也可以直接点击按钮,并将他们分别命名为1,2,3
![](https://img.haomeiwen.com/i13737590/3b5c778925e2840c.jpg)
2.点击动态面板,创建了state1并打开,然后将你想切换的图片放入state1中。如图所示,同样主页面也有了此图片,如图
![](https://img.haomeiwen.com/i13737590/997e53d527327341.jpg)
![](https://img.haomeiwen.com/i13737590/cb9a614f3228709a.jpg)
![](https://img.haomeiwen.com/i13737590/ef2077284b48568d.jpg)
3.点击右下角动态面板的加号,如图,创建了state2,并打开。然后同样如state1操作步骤一样,,在state2里加入你要加入的内容,示例,如图。
![](https://img.haomeiwen.com/i13737590/a9abe3399be2e182.jpg)
![](https://img.haomeiwen.com/i13737590/7bede2a64af7a7b2.jpg)
![](https://img.haomeiwen.com/i13737590/ff361034985f986c.jpg)
4.和创建state2同样的方式,创建state3,点,如图。
![](https://img.haomeiwen.com/i13737590/d6b3c19e849508a1.jpg)
5.接着打开主页面,点击矩形框1,如图,然后右键右上角的鼠标单击时,点添加用例,如图,并打开,然后点击设置选中,并在右侧设置,矩形1 true,矩形2,3设置false(因为刚刚点击的是矩形框1单击,所以1true,其余都是false)
![](https://img.haomeiwen.com/i13737590/7c01d72552b87df5.jpg)
![](https://img.haomeiwen.com/i13737590/0e7a48c8f6b86ec7.jpg)
![](https://img.haomeiwen.com/i13737590/72501de17bec2a8f.jpg)
![](https://img.haomeiwen.com/i13737590/1074e9c719663d37.jpg)
6.接着点击面板状态,点击右边动态面板,并选择状态选择与矩形1对应的state1进入动画和退出动画,选择逐渐,点击确定,如图。
![](https://img.haomeiwen.com/i13737590/71620a471c67dd8f.jpg)
7.矩形框2,3和矩形框1操作同样的步骤,分别对应state2,3,如图。
![](https://img.haomeiwen.com/i13737590/b88b3cf4eaab26d7.jpg)
![](https://img.haomeiwen.com/i13737590/0f5915cadbee0ff8.jpg)
8.操作完成,点击f5,即可查看,如图
![](https://img.haomeiwen.com/i13737590/4e2cf94709910089.jpg)
![](https://img.haomeiwen.com/i13737590/00747aeebcf46765.jpg)
![](https://img.haomeiwen.com/i13737590/227af99bfafab187.jpg)