下拉列表框是很常用的元件,Axure元件库也提供了下拉列表框,但是Axure提供的下拉框不够美观,这里我们发扬造轮子的精神,自己定义下拉框。
我们先看一下制作好的省份选择的下拉框:
效果预览:http://www.axurestudy.cn/pr/index.html
https://pan.baidu.com/s/1lCILNe89kdRGbtfzDwYvpg
提取码:t7pf
【需求分析】
1、下拉列表分成初始状态、初始状态下显示请选择字样,下拉箭头朝下;
2、当鼠标点击的时候,下拉框的的边框变成蓝色,下拉箭头朝上,并且展示下拉列表数据项;
3、当鼠标在下拉列表项上移动的时候,选项变成蓝色;
4、单点击其中一个数据项的时候,下拉框收起,在下拉框里面显示选中项;
【原型设计】
1、现在画布拖