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

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

操作方法

  • 01

    第一步,双击打开Axure RP 8设计软件,在基本元件中拖曳一个矩形1到画布上,如下图所示:

  • 02

    第二步,再次在基本元件里拖曳两个按钮到画布上,放在矩形框上方,如下图所示:

  • 03

    第三步,再拖曳一个占位符到矩形框下方,如下图所示:

  • 04

    第四步,在右侧属性里自适应勾选“启用”,弹出“影响所有视图”,如下图所示:

  • 05

    第五步,点击左侧自适应按钮,弹出自适应视图,分别设置手机、平板和电脑分辨率的范围,如下图所示:

  • 06

    第六步,这时界面上显示出不同分辨率界面,然后预览该界面,如下图所示:

(0)

相关推荐

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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