Axure教程—选择器

本文将教大家如何用AXURE中的动态面板制作选择器
一、效果
Axure教程—选择器_第1张图片

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

二、功能
用户点击选择框,可以显示下拉选择器,点击后选择对应项。
三、制作
1、选择框
拖入一个矩形,设置大小为164×38,其文本为”请选择“,如图:
在这里插入图片描述
对其鼠标悬停以及选中时进行交互样式设置,如图:
在这里插入图片描述
2、下拉菜单
拖入一个动态面板,命名为”下拉菜单“,进入面板,制作菜单,如图:

Axure教程—选择器_第2张图片
每个菜单对其鼠标悬停以及选中时进行交互样式设置,如图:
在这里插入图片描述
”下拉菜单“设置为隐藏状态,最终设计,如图:
Axure教程—选择器_第3张图片

四、交互
1、”下拉菜单“
对”下拉菜单“隐藏时进行设置,如图:
Axure教程—选择器_第4张图片
2、菜单选项
针对每个菜单选项进行鼠标点击时设置,如图:
Axure教程—选择器_第5张图片
Axure教程—选择器_第6张图片

Axure教程—选择器_第7张图片
Axure教程—选择器_第8张图片
制作完毕

你可能感兴趣的:(Axure高保真原型设计,Axure,Axure原型设计,axure,axure选择器,Axure教程,axure动态面板)