Axure教程—选择器

本文将教大家如何用AXURE中的动态面板制作选择器
一、效果

预览地址：https://zhihp9.axshare.com

二、功能
用户点击选择框，可以显示下拉选择器，点击后选择对应项。
三、制作
1、选择框
拖入一个矩形，设置大小为164×38，其文本为”请选择“，如图：

对其鼠标悬停以及选中时进行交互样式设置，如图：

2、下拉菜单
拖入一个动态面板，命名为”下拉菜单“，进入面板，制作菜单，如图：

每个菜单对其鼠标悬停以及选中时进行交互样式设置，如图：

”下拉菜单“设置为隐藏状态，最终设计，如图：

四、交互
1、”下拉菜单“
对”下拉菜单“隐藏时进行设置，如图：

2、菜单选项
针对每个菜单选项进行鼠标点击时设置，如图：

制作完毕