反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

绝对画布块

  • 文档创建者:susie
  • 历史版本:20
  • 最近更新:Alicehyy 于 2022-05-06
  • 1. 概述

    1.1 应用场景

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

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

    1.2 功能简介

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

    image.png

    2. 属性

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

    2.1 组件名称

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

    2.2 坐标尺寸

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

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

    2.3 缩放逻辑

    绝对画布块,相当于一个绝对布局,缩放逻辑分为「适应区域」和「固定大小」:

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

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

    注:绝对画布块的缩放逻辑是指绝对画布块内组件的缩放逻辑,绝对画布块本身遵循 body 的缩放逻辑。

    3. 使用场景

    绝对画布块一般和其他组件嵌套或并行使用,例如:

    1)body 自适应布局使用

    body 自适应布局下,添加一个绝对画布块,效果等同于 body 绝对布局,同时可以和其他组件存在于自适应布局。如下图所示:

    Snag_75e4f6f7.png

    2)嵌套使用

    • 绝对画布块中再添加绝对画布块、图表块、Tab块等组件。

    • 在 Tab 块中添加绝对画布块。由于 Tab 页面是自适应布局,添加绝对画布块后,可实现绝对布局效果。

    Snag_75ea13cd.png

    4. 操作方法

    绝对画布块只有处于编辑状态时,才能成功拖入组件,或粘贴组件。且拖入(或粘贴)的组件尺寸大小需小于绝对画布块的尺寸大小,否则无法拖入或粘贴。

    1)双击绝对画布块,或者选中绝对画布块后点击右上角编辑按钮,可进入编辑状态,进入编辑状态后再向绝对画布块中拖入其他组件。

    • 拖入组件时,需保证被拖入组件大小尺寸小于绝对画布块,且需将组件完全拖入到绝对画布块中,才能成功放入组件。

    • 若组件已存在于 body 中,只能复制粘贴到绝对画布块,无法直接拖入。

    D9FBB329-1B07-4DB9-BEFA-BE2C880B1B2A.GIF

    2)被拖入或粘贴的组件尺寸必须小于绝对画布块的尺寸,否则会提示 无法添加到该区域 或 组件大小超出边界,无法粘贴  。

    BFE2BBB3-D29A-4B7D-9D39-A05565310236.GIF

    Snag_75f0a468.png

    附件列表


    主题: 决策报表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526