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

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

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

(0)

相关推荐

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

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

  • 如何利用Axure RP 8软件添加数学计算加法运算

    一般情况下,常见的是有算法运算,有加减乘除运算.有这么一个场景:一个加数,另外一个加数,点击"加法"按钮,将计算的结果填在最后一个输入框.需要三个输入框,两个label标签,一个按 ...

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

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

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

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

  • 如何利用Axure RP 8设计软件按钮控制下拉框选项

    一般情况下,下拉框是有多个选项构成的,可以单选也可以多选:按钮是可以触发事件,操作其他元件发生变化,如单选按钮禁用启用.图片元件的显示和隐藏等.下面利用一个实例说明按钮控制下拉框选项,操作如下: 操作 ...

  • 如何利用Axure RP 8设计单选和多选列表框

    Axure RP 8原型设计工具有种元件:列表框,列表框可以展示多条数据,可以单选和多选.列表框跟下拉框很类似,都是展示多条记录,也可以单选或多选.下面利用一个实例说明列表框的用法,操作如下: 操作方 ...

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

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

  • 如何利用Axure RP 8设计软件设置三个重叠图形

    Axure RP 8设计软件中的椭圆形可以改变形状,利用多个椭圆形可以实现不同的设计原型图形.可以利用合并.去除.相交和排除操作,实现不同形状的图形,下面利用一个实例说明,操作如下: 操作方法 01 ...

  • 如何利用Axure RP 8设计出模拟播放器模型

    Axure RP 8是设计一款软件模型的工具,可以按照用户的需求设计出软件原型.利用基本元素设计出播放器模型图,图标和图片结合使用.下面利用一个实例说明实现这个播放器的过程,操作如下: 操作方法 01 ...