美文网首页前端之美-UI设计藏兵谷产品设计
AXURE RP8 Tab选项卡切换操作步骤

AXURE RP8 Tab选项卡切换操作步骤

作者: 嘻嘻嘻滴滴滴 | 来源:发表于2018-08-26 20:16 被阅读387次

    1.点开Axure RP8,做3个矩形框当做按钮,也可以直接点击按钮,并将他们分别命名为1,2,3

    AXURE RP8 Tab选项卡切换操作步骤

    2.点击动态面板,创建了state1并打开,然后将你想切换的图片放入state1中。如图所示,同样主页面也有了此图片,如图

    AXURE RP8 Tab选项卡切换操作步骤 AXURE RP8 Tab选项卡切换操作步骤 AXURE RP8 Tab选项卡切换操作步骤

    3.点击右下角动态面板的加号,如图,创建了state2,并打开。然后同样如state1操作步骤一样,,在state2里加入你要加入的内容,示例,如图。

    上传中,请稍候... AXURE RP8 Tab选项卡切换操作步骤 AXURE RP8 Tab选项卡切换操作步骤

    4.和创建state2同样的方式,创建state3,点,如图。

    AXURE RP8 Tab选项卡切换操作步骤

    5.接着打开主页面,点击矩形框1,如图,然后右键右上角的鼠标单击时,点添加用例,如图,并打开,然后点击设置选中,并在右侧设置,矩形1 true,矩形2,3设置false(因为刚刚点击的是矩形框1单击,所以1true,其余都是false)

    AXURE RP8 Tab选项卡切换操作步骤 AXURE RP8 Tab选项卡切换操作步骤 AXURE RP8 Tab选项卡切换操作步骤 AXURE RP8 Tab选项卡切换操作步骤

    6.接着点击面板状态,点击右边动态面板,并选择状态选择与矩形1对应的state1进入动画和退出动画,选择逐渐,点击确定,如图。

    AXURE RP8 Tab选项卡切换操作步骤

    7.矩形框2,3和矩形框1操作同样的步骤,分别对应state2,3,如图。

    AXURE RP8 Tab选项卡切换操作步骤 AXURE RP8 Tab选项卡切换操作步骤

    8.操作完成,点击f5,即可查看,如图

    点击1时 点击2时 点击3时

    相关文章

      网友评论

      本文标题:AXURE RP8 Tab选项卡切换操作步骤

      本文链接:https://www.haomeiwen.com/subject/lkfaiftx.html