美文网首页Axure原型设计原型之美
Axure RP 8.0中显示与隐藏行为

Axure RP 8.0中显示与隐藏行为

作者: 槑如是 | 来源:发表于2016-11-15 16:40 被阅读82次

    相比较于Axure RP 7.0 , 8.0真的是方便操作了好多,好啦 ,进入正题~

    <br />

    第一个操作:

    目标:制作一个导航,点击的时候出现二级菜单,再次点击的时候,二级菜单消失,再次点击的时候,二级菜单出现。。长的大概就是下面这个样子了

    导航一.png
    实现步骤:

    1.导航一用矩形画出来,二级菜单使用菜单与表格中的垂直菜单

    2.选中二级菜单,设置为隐藏,注意,记得给二级菜单命名

    2.隐藏二级菜单.png

    3.设置鼠标单击事件,显示时,让其从上向下滑动;隐藏时,从下往上

    鼠标单击用例case.png

    4.over 此时可以发布看看效果啦
    <br />

    第二个操作:

    目标:制作三个导航,每个导航有个二级菜单,当点击导航一的时候,导航二和三的二级菜单隐藏;当点击导航二的时候,导航一和三的二级菜单隐藏,以此类推。

    效果图.png
    实现步骤:

    1.画出三个导航,并设置二级菜单为隐藏,此处不赘述。值得注意的是,需要为每个导航的二级菜单命名

    二级菜单命名.png

    2.鼠标单击事件中添加隐藏,配置的动作是需要隐藏的菜单,即如果点击的是导航二,则配置动作出选择的应该是导航一的二级菜单导航二的二级菜单。动画选择向上滑动

    其他菜单的隐藏.png

    3.告诉你一个好消息,发布就可以看到你想要的效果啦

    相关文章

      网友评论

        本文标题:Axure RP 8.0中显示与隐藏行为

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