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

  发布时间:2016-11-25 09:24:46   作者:佚名   我要评论
Axure8怎么设计点击按钮触发控件变化的交互效果?Axure8中想要制作一个网页效果就是,点击按钮可以发生一些变化,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考下

RP Axure是一款设计软件原型工具,自带了元件库,如按钮、矩形框、树、单选框、复选框和一些常用的图标。下面讲述这样一个实例:设置一个矩形框,添加一个按钮,点击按钮触发显示和隐藏矩形框。具体操作如下:

1、双击打开RP Axure软件工具,默认显示index页面和page1、page2、page3,如下图所示:

2、在元件库中找到“矩形1”,拖曳一个到编辑区域窗口,并设置宽度和高度,如下图所示:

3、拖曳一个“主要按钮”到编辑窗口,修改其内容为“改变背景颜色”,使宽度使用矩形框,如下图所示:

4、改变矩形框填充颜色,设置为绿色背景,如下图所示:

5、选中按钮,查看右侧属性设置框,双击“鼠标单击时”,打开用例编辑窗口,如下图所示:

6、选中元件“显示/隐藏”,设置显示或隐藏的效果,确定后单击“确定”,如下图所示:

注意事项:

注意按钮单击事件用例添加。

注意显示和隐藏的效果实现。

相关推荐:

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

axure8怎么制作tab菜单选中的效果?

Axure RP 8设计网页原型怎么添加水平菜单?

相关文章

  • Axure怎么新建元件库? Axure创建自己元件库的教程

    Axure怎么新建元件库?Axure绘制网页原型很简单,绘制的时候需要很多原件,想创建自己的元件库,该怎么创建呢?下面我们就来看看Axure创建自己元件库的教程,需要的朋友可
    2016-11-18
  • Axure部件库怎么导入下载的部件?

    Axure部件库怎么导入下载的部件?经常使用axure绘制网页原型,但是axure中自带的部件款式不多,想导入自己下载的部件,该怎么导入呢?下面我们就来看看详细的教程,需要的
    2016-11-18
  • axure拖动动态面板怎么设计? axure给动态面板添加拖动条的两种方法

    axure拖动动态面板怎么设计?axure设计动态 面板的时候,发现没有拖动条,想添加,该怎么做呢?下面我们就来介绍axure给动态面板添加拖动条的两种方法,需要的朋友可以参考
    2016-11-03
  • axure8怎么制作tab菜单选中的效果?

    axure8怎么制作tab菜单选中的效果?axure8做原型的时候,想要让玄真过得菜单高亮显示,该怎么社会自呢?下面我们就来看看详细的设置教程,需要的朋友可以参考下
    2016-11-02
  • Axure7.0怎么制作折叠菜单原型?

    Axure7.0怎么制作折叠菜单原型?再设计网页原型的时候,想设计一个折叠的菜单,该怎么设计呢?下面我们就来看看Axure7.0设计折叠菜单的教程,需要的朋友可以参考下
    2016-11-02
  • axure怎么制作弹出框效果?

    axure怎么制作弹出框效果?想要给网页实现一个弹出框的效果,该怎么设计这个原型呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2016-10-26
  • axure RP7.0怎么制作60秒倒计时效果?

    axure RP7.0怎么制作60秒倒计时效果?我们经常使用axure设计网页原型,该怎么使用axure制作网页倒计时60秒的效果呢?请看下文详细介绍,需要的朋友可以参考下
    2016-10-26
  • Axure设计图片轮番播放效果的网页原型的教程

    想设计一个网页原型,该怎么设计呢?下面我们就来看看使用Axure设计图片轮番播放效果的网页原型的教程,很简单,需要的朋友可以参考下
    2016-10-23
  • axure怎么绘制流程图中的箭头?

    axure怎么绘制流程图中的箭头?axure绘制流程图需要使用箭头连接,该怎么绘制箭头呢?下面我们就来看看使用axure给流程图添加箭头的教程,需要的朋友可以参考下
    2016-09-30
  • axure动态面板怎么用? Axure动态面板制作页面弹出层的教程

    axure动态面板怎么用?像制作一个弹出的网页,这时候我们就可以使用axure来设计,下面我们就来看看Axure动态面板制作页面弹出层的教程,需要的朋友可以参考下
    2016-09-23

最新评论