当前位置:   article > 正文

内核中制作ko文件的步骤_Axure 8/9中制作“选择文件”,Axure打开本地文件的技巧...

axure如何打开本地文件

引言

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

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

dacd92a7f2dd87c196906df9c56a321f.png

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

93e72560f41434574314baf1050832b7.gif

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

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

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

a014375279b1f3bf009e2ea08fdb0642.png

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

574ee9d9e23d4feee3b76ac1db2e6476.png

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

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

d6e843836f81619dac4e335c2c67016a.png

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

06b18611aaa2f47af55775199bf886ba.png

最后总结

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

536feec272e34a0bca5029928639a835.png扫码关注我们 7a57542dee7b8c8c7b19409657bea308.gif高保真原型设计,深度互联网工作者
声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号