Axure 8/9中制作“选择文件”,Axure打开本地文件的技巧

Axure 8或9中如何制作“选择文件”?高保真原型中模拟显示出window文件选择的效果? Axure中文本框自带的选择文件太丑了,想自己做一个,也能实现这个选择本地文件的效果怎么办?

引言:

Axure 8或9中如何制作“选择文件”?高保真原型中模拟显示出window文件选择的效果?

Axure中文本框自带的选择文件太丑了,想自己做一个,也能实现这个选择本地文件的效果怎么办?
如何让蓝色的按钮实现下面的功能。.

对于以上这样的一个需求,对于爱折腾的我就功手起来,首先网上搜索了一通,没找到想要的答案,那就自己研究试一下,没想到最后真的找到一种方法实现了,费话少说,看效果图。

在线原型预览地址https://axhub.im/pro/4c2a5915d2b91d2e

下面我们就来看看详细的教程。

1、打开需要加入上传文件按钮的页面,拖入文本框到指定位置

2、点击文本框,选择文本框属性一栏,在属性栏中找到文本框类型一项,在文本框类型中选择文件一项

3、点击预览,查看效果。

4、在生成的页面中,点击浏览即可打开本地文件,找到需要打开的本地文件,最后点击打开即可。

5、重点来了,给文本框添加载入事件页面载入时,设置不透明度为0,然后文本框就隐藏了,页面预览时看到的是按钮,点击操作时则是文本框,也就实现了选择本地文件的效果。

 

  • 最后总结

 

实现效果不难,难得的是发现问题,然后解决问题的过程。

 

人已赞赏
产品专栏图文教程

Axure原型分享:AI机器人管控平台(语义管理、知识库管理平台)

2020-12-1 10:52:25

产品专栏

苹果macOS11系统 谷歌Chrome浏览器滚动条无法用鼠标拖动

2020-12-3 10:45:46

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧