美文网首页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