本文介绍了如何在Axure中通过Text Field选择本地图片，并将其显示在Image部件上，实现图片的预览。通过动态面板的onshow和onhide动作，结合toggle功能，设置图片路径，最终成功在Image部件展示圆形效果的图片。
目的：通过任意选择本地图片，给Image设置图片，显示在image部件上。
效果：
实现步骤：
Step1：先设置需要的部件
(1)拖入text field部件，命名为：选择图片，设置类型为file
(2)拖入image部件用来显示(1)选择的图片，命名为showimage
(3)拖入动态面板，命名为temp
以上三个部件就是完成给image部件设置本地图片所需的部件了。为了顺利的演示效果，我们可以再拖进来两个image，并设置本地图片。
上图右侧的两个头像就是辅助用的。因为预览本地图片只能预览被axure生成(F8键生成工程)的图片。
Step2：给部件设置动作。
(1)设置text field部件的动作
这里需要借助动态面板的onshow和onhide来设置图片，onshow和onhide的切换和使用toggle来完成。
(2)设置动态面板temp的动作
首先设置onshow动作，再设置onhide动作。
1)onshow动作设置
具体来看，设置onshow动作时，将textfield部件选择的图片设置给显示用的image部件。这里需要注意下设置的路径
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
