本文将教大家如何用AXURE中的动态面板制作选择器
一、效果
预览地址:https://zhihp9.axshare.com
二、功能
用户点击选择框,可以显示下拉选择器,点击后选择对应项。
三、制作
1、选择框
拖入一个矩形,设置大小为164×38,其文本为”请选择“,如图:
对其鼠标悬停以及选中时进行交互样式设置,如图:
2、下拉菜单
拖入一个动态面板,命名为”下拉菜单“,进入面板,制作菜单,如图:
每个菜单对其鼠标悬停以及选中时进行交互样式设置,如图:
”下拉菜单“设置为隐藏状态,最终设计,如图:
四、交互
1、”下拉菜单“
对”下拉菜单“隐藏时进行设置,如图:
2、菜单选项
针对每个菜单选项进行鼠标点击时设置,如图:
制作完毕