页面历史

1、自动：组件会自动适应页面的高度与宽度，自动调整组件之间的位置。

2、浮动：组件以浮动的方式显示，能够改变组件之间的位置和顺序。此时，允许设置组件的大小和位置，且组件的大小和位置会随着拖拽组件移动而变化。2、浮动：组件以浮动的方式显示，能够改变组件之间的位置和顺序。

• Image Added

布局方式为浮点时，可改变图表1的位置，设置图表1相对图表2的浮动顺序为顶层，效果如图：布局方式为浮动时，可改变图表1的位置，设置图表1相对图表2的浮动顺序为顶层，效果如图：

组件设置布局方式为“浮动”时，选中该组件，点击 组件设置布局方式为“浮动”时，选中该组件，点击 更多 >  > 浮动设置 ，可设置该组件的浮动顺序，相对位置，对齐方式。 ，可设置该组件的浮动顺序，相对位置，水平对齐、垂直对齐。

Image RemovedImage Added

（1）相对位置是指相对其他组件的位置。

Image Removed

（2）浮动顺序是指当浮动组件之间有重叠时，设置浮动组件的层次顺序。有“顶层，上一层，下一层，底层”四种顺序。

Image RemovedImage Added

• 顶层：该组件处于最顶层。
• 上一层：该组件目前所在层次的上一层，往顶层的方向。
• 下一层：该组件目前所在层次的下一层，往底层的方向。
• 底层：该组件处于最底层。

对应模型图：

Image Removed

• 1为顶层，2为底层。
• 1为2的上一层，2为3的上一层。
• 2为1的下一层，3为2的下一层。

（3）对齐方式：在设置了相对位置后，可设置其对齐方式。有“居左，居中，居右”三种对齐方式。

Image Removed

Image Added

其中，1为底层，3为顶层。3>2>1。

（2）相对位置是指相对其他组件的位置。

Image Added

（3）对齐方式：在设置了相对位置后，可设置其对齐方式，分为“水平对齐”和“垂直对齐”。

设置组件之间的对齐方式后，当分辨率改变时，组件之间的相对位置保持不变。

• 水平对齐：用于设置当页面的宽度改变时，组件之间的相对位置保持不变。有“居左，居中，居右”三种对齐方式，默认“居右”对齐。
• 垂直对齐：用于设置当页面的高度改变时，组件之间的相对位置保持不变。有“居上，居中，居下”三种对齐方式。

Image Added

下面以“水平对齐”为例进行说明。

• 不设置文本和图表1的水平对齐方式，预览时，页面的宽度改变，文本和图表1的相对位置改变，如图：

Image Added

• 设置文本的相对位置为图表1，水平对齐方式为居中，预览时，页面的宽度改变，文本和图表1的相对位置不变，如图：

Image Added

设置组件的背景颜色和透明度。

• 透明度为0~100%，透明度越大，背景颜色越浅。

将组件的背景颜色设置为黄色，如图：设置组件的背景颜色为黑色，透明度为0，如图：

Image RemovedImage Added

透明度为41%，效果如图：设置组件的背景颜色为黑色，透明度为84%，效果如图：

Image RemovedImage Added

设置组件的边框样式，边框大小和边框颜色。

设置组件边框样式为虚线，边框大小为2，边框颜色为红色，如图：设置组件边框样式为虚线，边框大小为2，边框颜色为紫色，如图：

Image RemovedImage Added

设置组件外边距，即组件跟页面之间的距离，可以对上下左右分别设置。组件外边距，指组件跟页面或跟其他组件之间的距离，可以分别对上下左右的外边距进行设置。

Image RemovedImage Added

 设置组件图形区域与组件之间的距离，可以对上下左右分别设置。 设置组件图形区与画布之间的距离，可以对上下左右分别设置。

Image RemovedImage Added