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

  发布时间:2018-01-15 09:39:10   作者:you23hai45   我要评论
Axure RP 8怎么使用按钮控制图片的显示或隐藏?Axure中想要制作单击按钮触发图片显示出来的效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下

Axure RP 8中想要制作一个按钮点击事件控制图片显示的效果,如果不点击显示按钮图片就不显示,该怎么设置呢?下面我们就来看看详细的教程。

1、打开Axure RP 8设计软件,在元件库中的基本元件的图片元件,拖一个到画布中,调整图片元件高度和宽度,如下图所示:

2、再在基本元件按钮元件拖一个到画布中,并修改按钮的内容,宽度和图片元件一致,如下图所示:

3、选中图片元件,找到外部图片文件,导入外部图片并设置宽度和高度,如下图所示:

4、选中图片并设置为“设为隐藏”,这时画布中的图片隐藏起来了,如下图所示:

5、选中“显示”按钮,添加鼠标单击事件用例,当图片隐藏时,点击按钮显示出来,如下图所示:

6、添加用例成功后,按钮上显示数字符号;预览该原型页面,单价按钮显示图片,如下图所示:

以上就是Axure RP 8按钮控制图片显示效果的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

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

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

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

相关文章

  • Axure怎么绘制柱状图图形? Axure绘制柱状图的教程

    Axure怎么绘制柱状图图形?Axure中想要绘制一个柱状图,该怎么绘制呢?下面我们就来看看Axure绘制柱状图的教程,很简单,需要的朋友可以参考下
    2018-01-14
  • Axure RP8怎么导入RP文件? Axure导入本地RP文件的教程

    Axure RP8怎么导入RP文件?Axure RP8设计模型很简单,想要将本地的RP文件文件导入到axure中,该怎么导入呢?下面我们就来看看Axure导入本地RP文件的教程,需要的朋友可以参
    2018-01-14
  • Axure怎么做表格随着鼠标移动改变颜色?

    Axure怎么做表格随着鼠标移动改变颜色?Axure中的表格当鼠标选中某行的时候,颜色发生变化,鼠标移开以后表格恢复原来颜色,下面我们就来看看详细的教程,需要的朋友可以参
    2018-01-11
  • Axure怎么导入本地的按钮? Axure打开本地文件的技巧

    Axure怎么导入本地的按钮?Axure设计网页圆形的时候,想要导入本地的按钮,该怎么导入呢?下面我们就来看看Axure打开本地文件的技巧,需要的朋友可以参考下
    2018-01-10
  • Axure设计的登陆页面怎么生成网页原型?

    Axure设计的登陆页面怎么生成网页原型?Axure中设计的登陆网页想要直接生成网页原型,该怎么生成呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-01-10
  • Axure文件怎么生成html分享链接?

    Axure文件怎么生成html分享链接?Axure中设计的模型想要分享给朋友观看,该怎么生成html链接呢?下面我们就来看看
    2017-12-21
  • Axure RP怎么制作选项卡控件?

    Axure RP怎么制作选项卡控件?网页需要选项卡控件,但是Axure RP中没有选项卡控件,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-12-21
  • Axure RP 8.1最新汉化破解安装详细教程(附汉化包下载)

    Axure RP8中文版是一个专业的快速原型设计工具,能够高效率制作产品原型,快速绘制线框图、流程图、网站架构图、示意图、HTML模版等,下面就带来了Axure RP 8.1最新汉化破
    2017-12-20
  • Axure rp怎么设计微信的交互界面?

    Axure rp怎么设计微信的交互界面?Axure中想要设计一个网页交互的效果,该怎么制作呢?下面我们就来看看Axure设计微信交互界面的教程,需要的朋友可以参考下
    2017-12-17
  • axure页面载入时自动选中按钮该怎么实现?

    axure页面载入时自动选中按钮该怎么实现?axure中使用母版的时候想要实现单个页面按钮的添加选中状态,我们可以使用函数来实现,下面我们就来看看详细的教程,需要的朋友可
    2017-12-05

最新评论