Axure RP 8设怎么用按钮控制图片的显示与隐藏?
发布时间：2016-12-09 11:01:24 作者：佚名 
我要评论
我要评论Axure RP 8设怎么用按钮控制图片的显示与隐藏？Axure中想给页面添加一个通过按钮控制的可以显示或者隐藏的图片，该怎么设置呢？下面我们就来看看详细的教程，需要的朋友可以参考下
Axure RP 8中自带了图片元件，导入图片后可以调整样式显示。添加按钮，控制图片显示和隐藏。下面利用一个实例说明按钮控制图片显示和隐藏的用法，操作如下：
1、打开Axure RP 8设计软件，在元件库中找到图片元件，拖曳到编辑区域，设置图片元件宽度为400，高度为200，如下图所示：
2、选中图片元件，导入图片，并设置图片宽度为400、高度为200，如下图所示：
3、在图片下方添加两个按钮，分别为显示、隐藏，用于控制图片显示和隐藏，如下图所示：
4、选中“显示”按钮，添加鼠标单击时用例，
可见性：显示
动画：逐渐
时间：2000毫秒
置于顶层
更多选项：弹出效果
如下图所示：
5、选中“隐藏”按钮，添加鼠标单击时用例，
可见性：隐藏
动画：逐渐
时间：2000毫秒
拉动元件
方向：下方
动画：摇摆
时间：2000毫秒
如下图所示：
6、设置显示和隐藏按钮鼠标单击事件，两个按钮出现了数字1和2，这代表按钮绑定了用例，如下图所示：
7、预览该原型页面，单击“隐藏”按钮，图片隐藏消失，如下图所示：
注意事项：
注意添加显示和隐藏图片用例
注意合理导入图片
相关推荐：
Axure RP Pro 7.0怎么制作图片轮播按钮控制效果?
相关文章
Axure RP 8怎么制作一个按钮控制圆球运动的原型？Axure经常设计网页原型，想要制作一个按钮可以控制圆球运动的页面，该怎么制作呢？下面我们就来看看详细的教程，需要的朋2016-12-09
Axure RP 8怎么设计按钮空值页面大小？Axure RP 8怎中想制作一个按钮，这个按钮可以实现空值页面的大小，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2016-12-08
Axure RP 8怎么制作计算器？Axure中想要制作一个学生时期常用的计算器，该怎么制作计算器呢？下面我们就来看看详细的设计教程，需要的朋友可以参考下2016-12-08
Axure RP 8怎么制作倒计时动画？Axure设计网页原型的时候，想要一个倒计时的动画效果，该怎么制作呢？下面我们就来看看Axure制作倒计时的教程，需要的朋友可以参考下2016-12-07
Axure RP 8怎么设置表格单选事件？axure中想要实现表格被选择的一行变色，取消选中不变色，该怎么设计呢？下面我们就来看看这个问题的解决办法，需要的朋友可以参考下2016-12-06
axure中怎么使用字符串函数？axure中经常绘制网页原型，有时候需要使用字符串函数，该怎么使用呢？下面我们就来看看axure字符串函数的使用教程，需要的朋友可以参考下2016-12-05
axure8中继器怎么添加数据？axure8中经常制作网页原型，该怎么给中继器添加数据呢？下面我们就来看看详细的教程，需要的朋友可以参考下2016-11-26
Axure8怎么设计点击按钮触发控件变化的交互效果？Axure8中想要制作一个网页效果就是，点击按钮可以发生一些变化，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友可2016-11-25- Axure怎么新建元件库？Axure绘制网页原型很简单，绘制的时候需要很多原件，想创建自己的元件库，该怎么创建呢？下面我们就来看看Axure创建自己元件库的教程，需要的朋友可2016-11-18
- Axure部件库怎么导入下载的部件？经常使用axure绘制网页原型，但是axure中自带的部件款式不多，想导入自己下载的部件，该怎么导入呢？下面我们就来看看详细的教程，需要的2016-11-18
最新评论