Axure RP 8设怎么用按钮控制图片的显示与隐藏?

Axure RP 8设怎么用按钮控制图片的显示与隐藏?

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毫秒

置于顶层

更多选项：d出效果

如下图所示：

5、选中“隐藏”按钮，添加鼠标单击时用例，

可见性：隐藏

动画：逐渐

时间：2000毫秒

拉动元件

方向：下方

动画：摇摆

时间：2000毫秒

如下图所示：

6、设置显示和隐藏按钮鼠标单击事件，两个按钮出现了数字1和2，这代表按钮绑定了用例，如下图所示：

7、预览该原型页面，单击“隐藏”按钮，图片隐藏消失，如下图所示：

注意事项：

注意添加显示和隐藏图片用例

注意合理导入图片

相关推荐：

Axure8怎么制作彩色个性化的按钮?

Axure8怎么设计点击按钮触发控件变化的交互效果?

Axure RP Pro 7.0怎么制作图片轮播按钮控制效果?