Axure RP 8怎么设计按钮空值页面大小?

一般网页中,有时会添加动画效果,如淡入、淡出、左移、右移等。利用Axure RP 8 设计出动画的效果,可以利用按钮点击事件控制页面框框改变宽度和高度达到改变大小的目的,操作如下:

1、双击打开Axure RP 8原型设计工具,在元件库中拖曳一个矩形元件到编辑区域,如下图所示:

2、改变矩形框坐标、宽度和高度,并添加一个按钮,按钮宽度跟框框宽度一致,如下图所示:

3、修改按钮上显示的内容,并预览该原型页面,如下图所示:

4、选中按钮,添加鼠标单击时的用例,打开用例编辑窗口,如下图所示:

5、添加组织动作,设置点击按钮后,矩形框宽度和高度发生改变,并添加缓慢退出的动画,如下图所示:

6、再次预览页面原型,点击“改变大小”按钮,这时矩形框宽度和高度变为原来的一半,如下图所示:

注意事项:

注意按钮单击事件

注意改变元件属性的方法

(0)

相关推荐

  • Axure RP 8怎么设计出自适应页面的元件?

    Axure RP 8设计软件工具,可以根据不同的设备自适应:当在手机上显示,可以在手机上显示:如果在平板或电脑上显示,显示成不同的形式.下面利用一个实例说明这个自适应,操作如下: 1.双击打开Axur ...

  • Axure RP 8怎么制作按钮控制下拉框选项?

    Axure RP 8怎么制作按钮控制下拉框选项? 1.打开Axure RP 8软件,在软件库中找到下拉框元件,拖一个到画布上,如下图所示: 2.再次在元件库中找到"主要按钮",拖一 ...

  • Axure RP 8中怎么制作移动页面原型?

    Axure RP 8是设计软件原型工具,根据系统需求设置各种页面.页面分为不同的级别,有同级的.父子级等.下面将讲述如何利用工具移动页面,具体如下: 1.双击打开Axure RP 8,默认情况下,在“ ...

  • Axure RP 8怎么设计图片点赞功能的网页原型?

    Axure RP 8怎么设计图片点赞功能的网页原型? 1.打开Axure RP 8软件,在元件库中找到图片元件,拖一个到画布上,如下图所示: 2.在"Icons"中找到手形向上和手 ...

  • Axure RP 8怎么使用按钮控制单选按钮使用或禁用?

    Axure RP 8利用按钮元件控制单选按钮禁用,可以使用按钮点击事件控制单选按钮禁用,该怎么实现这个功能呢?下面我们就来看看详细的教程. 1.双击打开Axure RP 8,在元件库中找到单选按钮,拖 ...

  • Axure RP 8如何设计单选按钮和按钮选择值

    Axure RP 8设计软件自带了很多控件,有单选按钮.按钮和输入框,下面有这么一个场景: (1)有四个单选按钮 (2)选择其中一个单选按钮,点击按钮触发事件 (3)将单选按钮值填写到输入框中 下面利 ...

  • Axure RP 8怎么设计注册页面的网页原型?

    建站的时候注册界面也是系统中常常涉及到的,登录一个新系统前先要注册,该怎么使用axure设计注册页面原型呢?下面我们就来看看详细的教程. 1.首先,打开Axure RP 8设计原型工具,找到设计控件, ...

  • Axure RP 8怎么设计单选按钮和按钮选择值?

    Axure RP 8设计软件自带了很多控件,有单选按钮.按钮和输入框,下面有这么一个场景: (1)有四个单选按钮 (2)选择其中一个单选按钮,点击按钮触发事件 (3)将单选按钮值填写到输入框中 下面利 ...

  • Axure RP 8怎么设计立体的圆角矩形按钮?

    Axure RP 8中想要设计按钮图形是很方便的,因为有按钮元件,可以直接使用,然后添加一些效果,下面我们就来看看详细的教程. 1.双击打开Axure RP设计软件工具,在基本元件中拖曳一个按钮到空白 ...