国旅手游网提供好玩的手机游戏和手机必备软件下载,每天推荐精品安卓手游和最新应用软件app,并整理了热门游戏攻略、软件教程、资讯等内容。欢迎收藏

当前位置:国旅手游网攻略软件教程内容

axure教程:三级菜单和标签的交互使用[axure二级菜单]优质

124次浏览 | 2023-05-13 19:47:03 更新
提问:掠过
最佳经验
回答:成眠

网友采纳答案

网友掠过提问:axure三级联动 设置面板状态

Axure被广泛应用,那在Axure动态面板中怎样制作三级菜单?下面就是在Axure动态面板中制作三级菜单的具体操作,很简单哦,看完之后你也来试试吧!

1、我们先放入菜单的相关元件,这里我使用的是矩形。

axure教程:三级菜单和标签的交互使用

2、我们把三级菜单的三个元件全选,在上面点击鼠标右键,选择【转换为动态面板】的选项。

axure教程:三级菜单和标签的交互使用

3、把这个新出现的动态面板命名为“3”;并且,再次点击鼠标右键或者在快捷功能区中,把这个动态面板【设为隐藏】。

axure教程:三级菜单和标签的交互使用

4、二级菜单元件的【鼠标单击时】添加用例,设置动作为【切换可见性】,勾选目标元件“3”,并且勾选设置中的【推动/拉动元件】。

axure教程:三级菜单和标签的交互使用

5、我们把二级菜单和三级菜单全选,同样点击鼠标右键,选择【转换为动态面板】的选项。

axure教程:三级菜单和标签的交互使用

6、然后,把这个新出现的动态面板命名为“4”。ps:如果是拖入的动态面板尺寸是固定的,需要在属性中勾选【自动调整为内容尺寸】的选项。

axure教程:三级菜单和标签的交互使用

7、双击动态面板“4”,再双击第一个状态“State1”,继续为二级菜单元件的【鼠标单击时】添加动作。我们先添加【隐藏】外层动态面板“4”的动作,并且勾选【拉动元件】的选项。

axure教程:三级菜单和标签的交互使用

8、继续为二级菜单元件的【鼠标单击时】添加第3个动作,也就是上面提到的【显示】外层动态面板“4”,同时,在【更多选项】中选择【推动元件】的选项。

axure教程:三级菜单和标签的交互使用

9、把做好的二级菜单和三级菜单一起选中,根据需求复制几份摆放好。

ps:复制时,不要单独复制二级菜单和三级菜单,必须二级菜单和三级菜单一起复制,这样交互的对应关系才会继续有效。

axure教程:三级菜单和标签的交互使用axure教程:三级菜单和标签的交互使用

10、为一级菜单添加【鼠标单击时】的用例,设置动作【切换可见性】,勾选动态面板“4”,同时在设置中勾选【推动/拉动元件】。添加了这个交互之后,点击一级菜单时,就能点一下显示二级菜单,再点一下隐藏二级菜单。

axure教程:三级菜单和标签的交互使用

11、点击一级菜单的时候,三级菜单默认是收起的状态。继续为一级菜单元件添加【鼠标单击时】的交互,设置动作【隐藏】所有的三级菜单所在的动态面板“3”,并且在隐藏的设置中都要勾选【拉动元件】的选项。

axure教程:三级菜单和标签的交互使用

以上就是在Axure动态面板中制作三级菜单的具体操作,希望可以帮助到大家。

关于《在Axure动态面板中制作三级菜单的具体操作》相关问题的解答成眠小编就为大家介绍到这里了。如需了解其他软件使用问题,请持续关注国旅手游网软件教程栏目。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如果发现本站有涉嫌抄袭侵权/违法违规的内容,欢迎发送邮件至【1047436850@qq.com】举报,并提供相关证据及涉嫌侵权链接,一经查实,本站将在14个工作日内删除涉嫌侵权内容。

本文标题:【axure教程:三级菜单和标签的交互使用[axure二级菜单]】

本文链接:http://www.citshb.com/class283669.html