Axure如何自定义设计下拉列表交互

1、首先我们先设计好下拉列表的组件，这里自定义的下拉组件组成为：一个箭头、一个背景、四个矩形框。

4、箭头的选中效果完成后，我们需要使鼠标点击组件时切换滑动出现选项，这里利用动态面板。1、将背景以及选中状态转换为动态面竣淠仝螃板并命名为下拉选项_01，设为隐藏2、之后我们在下拉框的选中状态为面板设计事件，当选中时显示下拉选项_01并向下滑动，取消选中时滑动并隐藏下拉选项_01,如下图。

5、以上步骤完成后，大致交互效果就完成了。下一步我们要实现选择选项时，下拉选项_01滑动隐藏双击进入下拉选项_01的动态面板，分别为各个矩形框设置单击时，下拉框的选中状态为假，如下图。

7、以上都完成后即可点击预览，就可以看到自定义设计的下拉框效果啦