相对定位容器

简介：相对定位容器采用flex布局，使案例更灵活地适配不同分辨率的电脑和手机。flex布局下的对象的属性是特有的。

属性

ID：ID是调用对象的属性、变量和函数的唯一标识。

X：对象的X坐标，对象X坐标是根据父对象的坐标原点和对象的坐标原点而定。默认是对象左上角相对于父对象的X坐标位置，若改变坐标原点，则X坐标即为对象坐标原点相对于父对象的X坐标。

Y：对象的Y坐标，对象Y坐标是根据父对象的坐标原点和对象的坐标原点而定。默认是对象左上角相对于父对象的Y坐标位置，若改变坐标原点，则Y坐标即为对象坐标原点相对于父对象的Y坐标。

W：对象的宽度，单位是像素或者百分比。关联比例改变宽高时，宽高按比例改变。

H：对象的高度，单位是像素或者百分比。关联比例改变宽高时，宽高按比例改变。

旋转角度：对象的旋转角度，对象的旋转角度根据对象的坐标原点而旋转，正向右方向为0度，顺时针依次增加，逆时针依次递减。

不透明度：对象的不透明度，值越小对象可视度越低。

背景颜色：对象的背景颜色。

背景图片：对象的背景图片，支持jpg、jpeg、png及gif等图片格式。

剪切：可选择不剪切、剪切、使用滚动条。当对象有子对象时，是否剪切掉父对象对象范围外的子对象；而使用滚动条时，即在父对象显示区域内出现滚动条。

内边距上：对象的内边距在边框和对象内的内容区之间，单位为像素。内边距上即为上边框与内容之间的距离。

内边距下：对象的内边距在边框和对象内的内容区之间，单位为像素。内边距下即为下边框与内容之间的距离。

内边距左：对象的内边距在边框和对象内的内容区之间，单位为像素。内边距左即为左边框与内容之间的距离。

内边距右：对象的内边距在边框和对象内的内容区之间，单位为像素。内边距右即为右边框与内容之间的距离。

排列方法：相对定位容器内的对象的排列方法，依次是上下、左右以及左右换行。顾名思义，上下（左右）的排列方式就是对象在相对定位容器内由上至下（由左至右）按顺序排列，左右换行的排列方式就是对象由左至右排列，当对象超过显示区域则会自动换行。

主轴方向：决定相对定位容器内的对象的排列方向，主轴和副轴方向是交替的。当主轴方向为左右时，则副轴方向为上下。

主轴对齐：主轴方向上的对象的对齐方式，若主轴方向为左右，主轴对齐为居中，则相对定位容器内的对象在水平方向上的对齐方式为居中。

副轴对齐：副轴方向上的对象的对齐方式。

初始可见：对象是否在案例开始播放时可见。默认是自动，即对象隐藏则初始不可见；若设为是，即使对象在对象树中设置隐藏，案例播放时对象也会显示出来，一个对象是否可见，在案例播放过程中，可能会被其他因素影响。因此，初始可见只是决定了案例开始播放时对象的可见性。

自定义属性：对象的自定义属性可理解为对象下添加的变量，分为数字和文本两种类型。

触发条件

点击：对象被点击时。

手指按下：在移动设备上，手指点击的动作分为手指按下与手指松开。手指按下可结合手指松开事件使用，制作类似按下一秒的案例。

手指松开：在移动设备上，手指点击的动作分为手指按下与手指松开。手指按下可结合手指松开事件使用，制作类似按下一秒的案例。

手指移动：手指在对象上移动时触发动作。

任意方向滑动：手指在对象上任意方向滑动时。

向左滑动：手指在对象上向左滑动时。

向右滑动：手指在对象上向右滑动时。

向上滑动：手指在对象上向上滑动时。

向下滑动：手指在对象上向下滑动时。

鼠标移上：鼠标移上对象时触发动作，该事件仅在PC端有效。

鼠标移下：鼠标移出对象时触发动作，该事件仅在PC端有效。

显示：当触发对象显示时，即对象从隐藏状态切换到显示状态的时刻。

隐藏：当触发对象显隐藏时，即对象从显示状态切换到隐藏状态的时刻。

目标动作

设置属性：可设置目标对象的各个属性，包括宽、高、X、Y以及自定义属性等。具体属性选项根据目标对象的属性面板而定，选项基本与目标对象的属性面板相同。例如通过设置属性将图片旋转角度设为300，则图片的旋转角度即为300度。

删除对象：删除当前对象。若对象下右有子对象，子对象也被删除。

创建对象：创建对象，创建在对象树中已存在对象，创建对象时可改变对象的属性以及选择是否置于底层。非容器组件只能创建附加的功能对象（轨迹、运动等）。结合公式编辑器可实现创建随机位置、随机宽高的对象的效果。

创建数据单元：创建在相对定位容器中的数据单元，用于数据的显示。

创建伸缩数据单元：创建在相对定位容器中的伸缩数据单元，用于数据的显示。

隐藏同层控件：目标对象显示，与目标对象的同层的所有其他对象隐藏。

置于顶层：目标对象的层级关系将会置于全案例/仅当前层级的最顶层，若目标对象原与其他对象重叠，显示不全，置于顶层后，目标对象会成为最顶层，将会显示对象全部而将其他对象遮盖住。

置于底层：目标对象的层级关系将会置于全案例/仅当前层级的最底层，若目标对象原与其他对象重叠，显示不全，置于底层后，目标对象会成为最底层，将会被其他前面的所有层对象挡住。

滚动至此对象：页面滚动至目标对象的位置。

显示：对象显示，即对象从隐藏状态切换到显示状态。

隐藏：对象隐藏，即对象从显示状态切换到隐藏状态。

交替显示：目标对象执行“显示——隐藏”的交替动作，即对象是显示状态时，执行该动作，则对象隐藏，再执行该动作则对象显示；反之亦然。