Axure RP 8怎么控制不同颜色元件移动?

Axure RP 8设计软件可以控制不同的元件移动,原来的元件移动到另外一个位置,原本的位置又被其他元件所占,这样在移动的过程中,形成了一个变化。下面利用一个实例说明控制基本元件移动,操作如下:

1、双击打开Axure RP 8设计软件,查看基本元件移动的效果,如下图所示:

2、在基本元件中找到“矩形3”,拖动四个到画布上,调整好它们的位置,如下图所示:

3、分别给四个矩形元件填充不同的颜色,如下图所示:

4、再次在基本元件中找到“主要按钮”到画布上,如下图所示:

5、选中按钮并添加鼠标单击时用例,分别设置四个矩形移动后的位置,如下图所示:

6、设置完毕后,查看按钮的效果并预览该静态页面,如下图所示:

(0)

相关推荐

  • 如何利用Axure RP 8软件控制不同颜色元件移动

    Axure RP 8设计软件可以控制不同的元件移动,原来的元件移动到另外一个位置,原本的位置又被其他元件所占,这样在移动的过程中,形成了一个变化.下面利用一个实例说明控制基本元件移动,操作如下: 操作 ...

  • Axure RP 8怎么控制矩形元件颠倒旋转?

    Axure RP 8设计软件原型,其中有矩形元件,利用这个元件可以制作出不同类型的页面原型.按钮鼠标单击事件可以控制不同的元件旋转.改变大小.改变文本等.下面利用一个实例说明控制矩形元件颠倒旋转,操作 ...

  • 如何利用Axure RP 8做出页面自适应元件

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

  • Axure RP 8怎么利用变量控制标题变化?

            Axure RP 8怎么利用变量控制标题变化? 1.打开Axure RP 8软件,在元件库中找到"二级标题"和"主要按钮",分别拖动一个到空白的 ...

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

    Axure RP 8中想要制作一个按钮点击事件控制图片显示的效果,如果不点击显示按钮图片就不显示,该怎么设置呢?下面我们就来看看详细的教程. 1.打开Axure RP 8设计软件,在元件库中的基本元件 ...

  • Axure RP 8怎么利用按钮控制单选框和复选框?

    Axure RP 8设计软件,有按钮元件.复选框按钮元件和单选按钮元件.这样一个场景:有四个复选框按钮,四个单选按钮,四个按钮,分别点击按钮选中对应的复选框和单选按钮.下面利用一个实例实现这个场景,操 ...

  • Axure RP 8怎么制作一个按钮控制圆球运动的原型?

    Axure RP 8原型设计工具的元件库中有椭圆形,可以利用该元件设计出滚动的效果.而触发这个运动通过按钮单击事件实现,规定椭圆形的起始坐标,单击按钮后,将椭圆形移动到另一个新的坐标,具体实现如下: ...

  • 如何利用Axure RP 8设计软件的文件元件进行旋转

    Axure RP 8设计软件的元件库中有Flow元件,其中有文件元件,它是带有一角是转角的矩形框.文件元件可以进行水平旋转,也可以进行垂直旋转.下面利用一个实例说明文件元件进行旋转,操作如下: 操作方 ...

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

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