Axure RP 8怎么设置点击事件改变图片?

  发布时间:2018-01-23 15:32:04   作者:you23hai45   我要评论
Axure RP 8怎么设置点击事件改变图片?Axure RP 8中想要实现鼠标在不同状态显示不同的图片,该怎么实现呢?下面我们就来看看详细的教程,需要的朋友可以参考下

Axure RP 8想要实现在不同鼠标事件下,呈现不同的图片。下面我们就用一个实例说明图片事件改变图片的方法,请看下文详细介绍。

1、打开Axure RP 8软件,在元件库找到图片元件,拖一个到编辑区域,让其居中显示,如下图所示:

2、选中图片元件,导入外部图片,并改变图片宽度和高度,使其跟图片元件宽度和高度保持一致,如下图所示:

3、选中图片元素,添加鼠标单击时用例,打开用例编辑窗口,进行设置,如下图所示:

4、设置鼠标悬停、鼠标按下、选中和禁用时替换图片,导入不同的图片,如下图所示:

5、上述设置完毕,导入的图片右上方出现数字“1”,说明图片效果实现了,如下图所示:

6、预览该原型界面,点击图片会出现不同的图片,悬浮和点击图片不一致,如下图所示:

注意事项:

注意导入图片和图片元件的宽度和高度设置。

注意图片用例下不同状态下的图片路径。

以上就是就是Axure RP 8中设置图片事件改变图片的教程,下文大家喜欢,请继续关注脚本之家。

相关推荐:

axure怎么制作图片自动播放的效果?

Axure RP 8怎么制作一个旋转的圆角图片?

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

相关文章

  • Axure RP 8怎么完成一个登录界面并链接对应功能?

    Axure RP 8怎么完成一个登录界面并链接对应功能?我们在做网页的时候,一般都会在Axure中先做原型并实现相应功能,今天我们就来看看Axure RP 8制作登录并链接功能的教程
    2016-06-05
  • Axure RP 8怎么制作单选题中的单选框?

    Axure RP 8怎么制作单选题中的单选框?在做题目的时候经常能看到单选题,该怎么制作单选框呢?下面我们就来看看Axure RP 8中单选框的使用方法,需要的朋友可以参考下
    2016-05-25
  • Axure RP 8中怎么制作复选框?

    Axure RP 8中怎么制作复选框?看到网页总经常能遇到复选题,这时候就需要使用复选框,使用axure制作网页原型的时候怎么添加复选框呢?下面我们来看看详细的教程
    2016-05-24
  • Axure RP 8怎么创建下拉框?

    Axure RP 8怎么创建下拉框?想给网页制作一个下拉框,该怎么设计呢?今天我们就来看看Axure RP 8给网页制作下拉框的教程,图文很详细,需要的朋友可以参考下
    2016-05-22
  • Axure中怎么为网站制作联动下拉菜单?

    Axure中怎么为网站制作联动下拉菜单?Axure绘制网站原型很方便,如果想制作一个下拉菜单中选择一项,后面的下拉菜单会跟着变化的情况,该怎么做呢?下面我们来看看详细操作
    2016-05-20
  • Axure抽屉效果菜单效果该怎么制作?

    Axure抽屉效果菜单效果该怎么制作?经常使用Axure制作网页原型,今天我们就来看看Axure制作抽屉效果菜单效果的教程,很简单,图文很详细,需要的朋友可以参考下
    2016-05-18
  • Axure中怎么制作动态倒计时的原型?

    Axure中怎么制作动态倒计时的原型?经常我们在做程序之前,都会将前台的原型制作出来,大概的功能也会制作出来,今天我们就来看看Axure中制作倒计时功能的教程,需要的朋友
    2016-04-18
  • Axure怎么实现电话号码的验证的原型?

    Axure怎么实现电话号码的验证的原型?很多网站都会用电话号码来什么账号,但是怎么才能判断别人输入的电话号码正不正确呢?下面我们来看看Axure电话号码的验证的教程,需要
    2016-03-30
  • Axure RP Pro 7.0怎么制作图片轮播按钮效果?

    Axure RP Pro 7.0怎么制作图片轮播按钮效果?经常看到网页上有轮播图在首页,我们该怎么做呢?下面我们来看看Axure轮播图按钮的原型图的制作方法,需要的朋友可以参考下
    2016-03-27
  • Axure绘制好的原型怎么发布和预览?

    Axure绘制好的原型怎么发布和预览?经常使用Axure绘制网页原型,但是绘制好以后需要发布出来才能看到实际效果,Axure原型怎么发布和预览呢?请看下文详细教程
    2016-03-23

最新评论