赞
踩
引言
Axure中文本框自带的选择文件太丑了,想自己做一个,也能实现这个选择本地文件的效果怎么办?如何让蓝色的按钮实现下面的功能。
对于以上这样的一个需求,对于爱折腾的我就动手起来,首先网上搜索了一通,没找到想要的答案,那就自己研究试一下,没想到最后真的找到一种方法实现了,废话少说,看效果图。
原型在线预览地址:https://axhub.im/pro/4c2a5915d2b91d2e
1、打开需要加入上传文件按钮的页面,拖入文本框到指定位置。
2、点击文本框,选择文本框属性一栏,在属性栏中找到文本框类型一项,在文本框类型中选择文件一项。
3、点击预览,查看效果。
4、在生成的页面中,点击浏览即可打开本地文件,找到需要打开的本地文件,最后点击打开即可。
5、重点来了,给文本框添加载入事件,页面载入时,设置不透明度为0,然后文本框就隐藏了,页面预览时看到的是按钮,点击操作时则是文本框,也就实现了选择本地文件的效果。
实现效果不难,难得的是发现问题,然后解决问题的过程。
扫码关注我们 高保真原型设计,深度互联网工作者Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。