原型设计工具 axure,axure手风琴菜单

　　原型设计工具 axure,axure手风琴菜单

　　pythonAxure原型工具如何制作手风琴效果？这一点只需要矩形和动态面板两两个元素就可以实现，控制手风琴显示效果的主要是属性事件。这里有个小纸条介绍一下方法。

　　如果你想了解更多关于“Axure RP”的知识，点击这里学习Axure RP课程。

　　

工具/软件

 

　　硬件型号：华为MateBook D 14

　　版本：Windows7

　　所需软件：Axure RP

　　

方法/步骤

 

　　

第1步

 

　　首先，创建一个新的工作页面，并在工作区域中拖动一个矩形。您可以对矩形的样式进行一些调整，并设置线条、颜色、长度和宽度等。在风格上，所以不会为了省事而美化。

　　

第2步

 

　　然后把一个动态面板拖到页面上，给面板添加一个矩形，或者在里面输入一些文字，设置动态面板的名称。接下来，您需要控制这个动态面板。

　　

第3步

 

　　同样的方法，我们把矩形和动态面板复制成三份，分别命名为动态面板card 1，card 2，card 3。这需要控制。这里需要注意的是，为了达到效果，这些元素要排列紧凑，有上下之分。

　　

第4步

 

　　组件准备好后，开始做相应的效果。首先，你需要在加载时添加三个卡片动态面板的事件，并将其设置为hidden，这意味着页面加载时三个卡片都是隐藏的。

　　

第5步

 

　　设置完动态面板的属性事件后，设置矩形的事件，主要是设置鼠标点击时的事件和选中时的变化，如图。当事件改变时选择事件，并根据矩形的选定状态改变卡片的显示和隐藏效果。这里需要注意的是，为了达到效果，在显示和隐藏时需要在更多选项中选择推送元素，这样才能达到手风琴效果。

　　

第6步

 

　　用同样的方法，我们设置另外两个矩形的事件。我们可以直接复制第一个矩形的事件，然后做一些调整。

　　

第7步

 

　　所有工作完成，f5预览效果，点击每张卡片都会有收缩的效果，也就是手风琴的效果。

　　

注意/提示

 

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

Tags： 设计知识  

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

很赞哦！ ()