1. 概述
1.1 应用场景
报表和大屏内,分多个主题区域,每个区域内元素较多,不是由单一图表组成,需要图表和控件叠加实现。
注:App 版本为 v9.3 及以后,支持绝对画布块,详情参见:[App]移动端支持绝对画布块。
1.2 功能简介
添加一个绝对画布块,绝对画布块会自成一个绝对布局,在这个绝对布局中,可以实现组件的随意放置。如下图所示:
2. 属性
绝对画布块属性界面如下图:
2.1 组件名称
绝对画布块组件名称,默认为 absolute0,后面序号依次增长,可自定义修改,但不支持为空或重复。
2.2 坐标尺寸
body 「绝对布局」下,绝对画布块的属性中会出现「组件位置 」,用户通过调整横纵坐标的方式调整组件的位置。
用户可以在「组件大小」处,调整组件的长度和宽度。
2.3 缩放逻辑
绝对画布块,相当于一个绝对布局,缩放逻辑分为「适应区域」和「固定大小」:
适应区域:绝对画布块内添加的组件跟随绝对画布块的大小调整宽高。
固定大小:绝对画布块内添加的组件大小固定,不跟随绝画布块的大小进行调整。
注:绝对画布块的缩放逻辑是指绝对画布块内组件的缩放逻辑,绝对画布块本身遵循 body 的缩放逻辑。
3. 使用场景
绝对画布块一般和其他组件嵌套或并行使用,例如:
1)body 自适应布局使用
body 自适应布局下,添加一个绝对画布块,效果等同于 body 绝对布局,同时可以和其他组件存在于自适应布局。如下图所示:
2)嵌套使用
绝对画布块中再添加绝对画布块、图表块、Tab块等组件。
在 Tab 块中添加绝对画布块。由于 Tab 页面是自适应布局,添加绝对画布块后,可实现绝对布局效果。
4. 操作方法
绝对画布块只有处于编辑状态时,才能成功拖入组件,或粘贴组件。且拖入(或粘贴)的组件尺寸大小需小于绝对画布块的尺寸大小,否则无法拖入或粘贴。
1)双击绝对画布块,或者选中绝对画布块后点击右上角编辑按钮,可进入编辑状态,进入编辑状态后再向绝对画布块中拖入其他组件。
拖入组件时,需保证被拖入组件大小尺寸小于绝对画布块,且需将组件完全拖入到绝对画布块中,才能成功放入组件。
若组件已存在于 body 中,只能复制粘贴到绝对画布块,无法直接拖入。
2)被拖入或粘贴的组件尺寸必须小于绝对画布块的尺寸,否则会提示 无法添加到该区域 或 组件大小超出边界,无法粘贴 。