反饋已提交

網絡繁忙

當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

绝对画布块

1. 概述

1.1 应用场景

报表和大屏内,分多个主题区域,每个区域内元素较多,不是由单一图表组成,需要图表和控件叠加实现。

1.2 功能简介

添加一个绝对画布块,绝对画布块会自成一个绝对布局,在这个绝对布局中,可以实现组件的随意放置。如下图所示:

image.png

2. 属性

绝对画布块属性界面如下图:

image.png

3.1 组件名称

绝对画布块组件名称,默认为 absolute0,后面序号依次增长,可自定义修改,但不支持为空或重复。

3.2 缩放逻辑

绝对画布块,对应一个绝对布局,绝对布局缩放逻辑分「适应区域」和「固定大小」,如下图所示:

image.png

1)适应区域:绝对画布块内添加的组件跟随绝对画布块的大小调整宽高。

2)固定大小:绝对画布块内添加的组件大小固定,不跟随绝画布块的大小进行调整。

注:缩放逻辑是指绝对画布块的缩放逻辑,非绝对画布块内组件的缩放逻辑。

3.3 组件位置

body 「绝对布局」下,绝对画布块的属性中会出现「组件位置 」,用户通过调整横纵坐标的方式调整组件的位置。

2.3 组件大小

用户可以在「组件大小」处,调整组件的长度和宽度。

3.使用场景

绝对画布块一般和其他组件嵌套或并行使用,如下应用场景。

3.1 body 内添加一个绝对画布块

body 自适应布局下,为实现和绝对布局下一样组件可以随意放置的效果,可以在 body 中添加一个绝对画布块,效果等同于 body 绝对布局。如下图所示:

image.png

3.2 body 内绝对画布块、 Tab 块、其他组件共存

在 body 中,添加绝对画布块、tab块、图表块等。如下图所示:

image.png

3.3 绝对画布块内嵌套绝对画布块、Tab 块

body 中添加绝对画布块,绝对画布块中再添加绝对画布块、图表、Tab块。如下图所示:

image.png

3.4 Tab 块内嵌套绝对画布块

body 内添加Tab 块,实现多个页面的功能,但每个Tab 页面内又希望是自适应布局,可以随意添加组件,则可以在Tab 中添加绝对画布块,如下图所示:

image.png

5. 移动端

App 版本为 v9.3 及以后,支持绝对画布块,详情参见:[App]移动端支持绝对画布块

注:H5 暂不支持。

附件列表


主題: 原简体文档
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉