axure原型怎么让文字自动换行_猿型库:Axure小练习之自定义下拉框

下拉列表框是很常用的元件,Axure元件库也提供了下拉列表框,但是Axure提供的下拉框不够美观,这里我们发扬造轮子的精神,自己定义下拉框。
我们先看一下制作好的省份选择的下拉框:

c13c21bfde913aead527b5288b9bc058.png

效果预览:http://www.axurestudy.cn/pr/index.html

【需求分析】
1、下拉列表分成初始状态、初始状态下显示请选择字样,下拉箭头朝下;
2、当鼠标点击的时候,下拉框的的边框变成蓝色,下拉箭头朝上,并且展示下拉列表数据项;
3、当鼠标在下拉列表项上移动的时候,选项变成蓝色;
4、单点击其中一个数据项的时候,下拉框收起,在下拉框里面显示选中项;

4f006f761640884251897013a9c87385.png

【原型设计】
1、现在画布拖入一个矩形框province,并且在矩形框里面输入Font AweSome图标

,字符靠右对齐,如果不会使用Font AweSome的同学,请查看如何使用字体图标ÿ

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值