axure手风琴菜单,axure9手风琴菜单

axure手风琴菜单,axure9手风琴菜单

pythonAxure是如何实现手风琴效果的？在Axure中，我们可以实现很多动画效果，实现方法也很简单。我们只需要选择合适的效果。下面先睹为快，教你如何达到手风琴的效果，希望对你有帮助。

想学习更多“Axure RP”教程？点击这里观看免费试听课。

工具/软件

硬件型号：小米RedmiBookPro 14

版本：Windows7

所需软件：Axure RP

绘制界面

第1步

启动Axure RP

第2步

添加一个矩形作为第一级目录项，并将其命名为First。

第3步

添加一个中继器并将其命名为Re。

第4步

将repeater转换为动态面板，并将其命名为SecondLevel。

第5步

双击进入动态面板SecondLevel，双击进入默认状态，双击进入复读机主页。

第6步

删除原来的内容，添加一个矩形，命名为id2。

第7步

选择下面的Repeater数据集，在其中创建两列，分别命名为id1和id2。

第8步

切换到重复项交互，并设置OnItemLoad用例1，“设置id2上的文本等于'[[item.id2]]'”

第9步

返回rectangle First所在的页面，准备为First添加独立事件。

编辑事件

第1步

首先单击矩形，然后添加单击1(案例1。

第2步

在用例1中，添加事件“隐藏下面的二级拉部件”

第3步

在用例1中，添加事件“从Re中删除所有过滤器”

第4步

在用例1中，添加事件“『添加过滤秒到Re』”，并编辑相应的规则。

第5步

在用例1中，添加事件“将第二层的大小设置为[[lvar 1 . width]]x[[lvar 1 . item count * lvar 2 . height]]”。

第6步

在用例1中，添加事件“等待200毫秒”

第7步

在用例1中，添加事件“将第二层移动到(0，[[lvar1.bottom]])”

第8步

在用例1中，添加事件“在下方显示二级推送窗口小部件”

添加菜单项目

第1步

复制第一个并分别更改其显示值(不要更改id)。

第2步

进入复读机首页，在复读机的数据集中添加数据。id1添加一级菜单显示的内容，id2添加要显示的二级菜单。

第3步

按F5预览。

第4步

分别修改两级菜单中的呈现效果。

注意/提示

好了，这个小滑分享了“Axure如何实现手风琴效果？”就是这样。如果正好对你有用，记得喜欢！这个网站将继续分享更多实用的内容，以及相关的学习课程。有需要的朋友可以赶紧支持自学！

Tags：

转载：感谢您对我们平台的认可，以及对我们文章的青睐，内容均为用户上传，仅用于交流分享，如有侵权请联系删除，邮箱：332078507@qq.com。https://www.zizhi888.cn/sjzs/53664.html

很赞哦！ ()