Axure RP 8.0中显示与隐藏行为

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


第一个操作:

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

Axure RP 8.0中显示与隐藏行为_第1张图片
导航一.png
实现步骤:

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

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

Axure RP 8.0中显示与隐藏行为_第2张图片
2.隐藏二级菜单.png

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

Axure RP 8.0中显示与隐藏行为_第3张图片
鼠标单击用例case.png

4.over 此时可以发布看看效果啦

第二个操作:

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

Axure RP 8.0中显示与隐藏行为_第4张图片
效果图.png
实现步骤:

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

Axure RP 8.0中显示与隐藏行为_第5张图片
二级菜单命名.png

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

Axure RP 8.0中显示与隐藏行为_第6张图片
其他菜单的隐藏.png

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

你可能感兴趣的:(Axure RP 8.0中显示与隐藏行为)