AXURE进阶实例 2 (自定义下拉菜单)

1、先看效果

3、第二步：批量编辑子选项按钮的悬停，点击和选中的样式 1.批量选中所有按钮 2.点击右侧面板的交互样式中的 鼠标悬停 3.编辑自定义按钮样式用同样的方法，设置下拉框 的交互样式

5、第四步：设置点击下拉框时的选中状态，并根据选中的状态来决定下来菜单是否显示和箭头的上下状态。 1.单击下拉框，切换其选中状态。

8、把选中的下来选项回显在下拉框上 这里使用axure函数变量[[This.text]]来设置

9、设置好后，就可以复用了。右键交互事件Case 1复制（Ctrl+c），然后反击下面两个选项，一个一个粘贴（Ctrl+v）.

11、再把这个组件设为动态面板然后勾选“自动调整为内容尺寸”，这样的好处时隐藏掉的部分，不再占用空间，更有利于原型的排版。但是有一点，这样做的话，显示隐藏时的推拉组件功能会对动态面板外的组件失效。

12、到这里就大功告成了。案例源文件链接：https://pan.baidu.com/s/1nw4UWMP