Axure高级交互设计：树形菜单展开与折叠

Axure RP9新版本已上线，狄老师精心录制《Axure RP9产品经理原型设计实战课程》，课程地址：一、首先我们了解一下什么是产品原型(本课程的第一课时详细的介绍了产品原型的相关知识，为Axure的学习铺平道路)产品原型时在产品被开发出来之前用于表达产品理念和功能逻辑的模型。抽象的想法/需求 => 直观的图形二、Axure RP 8.0就是一款非常专业的原型设计工具Axure RP 8....

利用动态面板，简单制作高保真的树形菜单。 一、先看效果 https://1poppu.axshare.com 二、实现思路 1、菜单无非就是收缩和展开，动态面板有个非常好的属性：fit to content，这个属性的含义是：面板的大小可以根据内容多少而变化； 2、菜单的收缩和展开，可以通过切换面板的状态来实现即可，即每个菜单设置两个状态：收缩和展开两个状态； 3、再利用面板状态...

一、树介绍 在Axure RP中，说的就是树形小部件，树型小部件最常用于模拟文件浏览器和可视化其他层次结构。单击树小部件的各个节点可以在页面上显示不同的小部件，或者在项目中打开不同的页面。 但是自带的树不怎么好用，比如不能修改间距，很多想要的样式都不能实现。鉴于此，我们很有必要自己实现树结构。 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

最近做一个项目需要画原型，做了一个下午做好了，现在分享下。 步骤如下： 1.先添加动态面板 2.往动态面板中添加矩形 3.接着先隐藏下面的矩形（也就是你要折叠起来的内容） 4.一定要注意： 5.添加动态面板的状态 6.把之前做的那个矩形全部复制到state1中 7.把之前做的那个矩形全部复制到state2中，将下面的矩形隐藏去掉 8.为st

步骤二：向动态面板中拖入一个矩形，作为菜单的外框，拖入一个按钮，命名为全部，并设置选中效果。如有其他相关问题，欢迎私信沟通，关注。步骤一：拖入页面一个动态面板作为显示区。步骤五：组合所有按钮，并转换为动态面板。步骤四：为每个按钮添加单击选中的值。步骤六：设置拖动时，左右移动的阈值。步骤三：复制出所有按钮，分别命名。横向菜单及选中组合效果。

步骤一：拖入复选框并命名为中继器外复选框，提示信息“选择”，下箭头icon；步骤二：添加中继器外复选框的交互，选中时——两个复选框值为真，取消选中时——两个复选框值为假；步骤四：添加一键反选交互，反选时外部复选框值为假，内部复选框可能有选中的项，所以要选择切换；步骤二：添加下箭头交互，单击时——切换选择弹窗可见性；步骤三：添加一键全选交互，全选时内外复选框的值均为真；

这个折叠菜单简把我弄崩了，苍天呀，这里记录一下，希望后来的人少入点坑所用版本为最新的Axure 8.0,我还不怎么会用动态面板呢，难死宝宝了1.最终效果图       变成      再变成          实现步骤1         1，首先建立一个动态面板，左边的元件区拖出来就可以了（这个地方先不要改动态面板的属性：自动调整为内容尺寸，一会在改，将改动态面板取名为1。         2.进...

保姆级让你学会三级菜单制作！超详细！不信来看看

要想实现上面的步骤： 1、首先绘制一个矩形和收起按钮 2、在绘制一个动态面板，放一个矩形和展开按钮 3、设置点击事件 3.1、先设置收起点击事件 3.2、先设置展开点击事件 4、完成设置，F5看效果 或者借鉴别人的方法，如下： https://blog.csdn.net/happymatilian/article/details/70757804 ...