Axure RP 8设怎么用按钮控制图片的显示与隐藏?
番茄系统家园 · 2022-09-19 00:46:51
Axure RP 8中自带了图片元件，导入图片后可以调整样式显示。添加按钮，控制图片显示和隐藏。下面利用一个实例说明按钮控制图片显示和隐藏的用法，操作如下：
- 软件名称：
- 原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)
- 软件大小：
- 90.5MB
- 更新时间：
- 2018-05-24
1、打开Axure RP 8设计软件，在元件库中找到图片元件，拖曳到编辑区域，设置图片元件宽度为400，高度为200，如下图所示：
2、选中图片元件，导入图片，并设置图片宽度为400、高度为200，如下图所示：
3、在图片下方添加两个按钮，分别为显示、隐藏，用于控制图片显示和隐藏，如下图所示：
4、选中“显示”按钮，添加鼠标单击时用例，
可见性：显示
动画：逐渐
时间：2000毫秒
置于顶层
更多选项：弹出效果
如下图所示：
5、选中“隐藏”按钮，添加鼠标单击时用例，
可见性：隐藏
动画：逐渐
时间：2000毫秒
拉动元件
方向：下方
动画：摇摆
时间：2000毫秒
如下图所示：
6、设置显示和隐藏按钮鼠标单击事件，两个按钮出现了数字1和2，这代表按钮绑定了用例，如下图所示：
7、预览该原型页面，单击“隐藏”按钮，图片隐藏消失，如下图所示：
注意事项：
注意添加显示和隐藏图片用例
注意合理导入图片
免责声明： 凡标注转载/编译字样内容并非本站原创，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如果你觉得本文好，欢迎推荐给朋友阅读；本文链接： https://m.nndssk.com/rjwt/160045EAVpi2.html。
猜你喜欢
最新应用
热门应用
