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

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

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

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

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

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

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

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

注意事项:

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

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

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

(0)

相关推荐

  • Axure RP 8怎么设置表格单选事件?

    Axure RP 8软件中有表格元件,可以展示行和列:还有表单元件单选按钮,可以进行单选.将两者结合起来,组合成表格单选行,勾选单选按钮选中某一行.如何实现这个功能,操作如下: 1.打开Axure R ...

  • Axure RP 8怎么设置一个矩形全局变量?

    Axure RP 8怎么设置一个矩形全局变量? 1.双击打开Axure RP 8设计软件,创建了一个空白的画布,如下图所示: 2.在"基本元件"中找到"矩形2" ...

  • Axure rp网页怎么设置页面颜色? Axure设置页面颜色的教程

    Axure RP中可以设置页面颜色,该怎么设置呢?下面我们就来看看详细的教程. 1.打开Axure,点击工作区右侧的样式. 2.然后点击背景颜色,在出现色板中点击自己喜欢的颜色即可. 3.我们还可以在 ...

  • Axure RP 8怎么设置树状菜单?

    Axure RP 8中可以制作不同类型的菜单,想要制作树状菜单,该怎么制作呢?下面我们就来看看详细的教程. 1.打开Axure RP 8软件,在元件库中找到“树状菜单”,拖一个到编辑窗口,如下图所示: ...

  • Axure RP 8怎么设置页面弹出框居中显示?

    Axure RP 8网页中的弹窗正常情况都希望居中显示,该怎么设置呢?下面我们就来看看详细的教程. 1.新建一个空白页面,本文以上传文件的操作为例进行说明,在页面中也已经加如动态面板,如下图所示 2. ...

  • Axure RP 8怎么设置文本段落的样式?

    Axure RP 8在基本元件中有文本段落元件,可以编辑大量文字内容,可以根据内容多少进行换行.下面利用一个实例说明文本段落样式设置,操作如下: 1.打开Axure RP 8软件,在基本元件里找到文本 ...

  • AXURE RP 8怎么设置下拉菜单? AXURE下拉菜单的制作方法

    axure中想要制作下拉菜单,该怎么制作呢?下面我们就来看看详细的教程. 先看效果 1.先把自定义的下拉菜单样式设计好,注意组件结构 2.批量编辑子选项按钮的悬停,点击和选中的样式 1)批量选中所有按 ...

  • Axure RP 8如何设置文字提交工功能原型

    一般情况下,博客或论坛中都有评论提交功能,场景:有个文本域,输入评论文字后,点击"提交"按钮,提交后显示在文本域上方.下面利用Axure RP 8设计实现这个场景,操作如下: 1. ...

  • Axure RP 8怎么设置动态面板显示隐藏对象?

    Axure RP 8设计软件中动态面板元件是功能最强大的元件之一,可以通过这个元件,实现很多其他软件元件都不能够实现的功能.下面利用一个动态面板显示隐藏对象,操作如下: 1.双击打开Axure RP ...