容器布局

本文介绍容器布局在流式布局画布中的操作方法,包括容器拖拽添加、容器高度调整、容器的上移、下移、复制、删除等,帮助您更加方便快捷地在移动端可视化应用中对容器进行布局。

操作功能

DataV提供了容器布局时的移动、调整高度等功能,使操作更流畅。您可以在流式布局画布区,使用鼠标对容器进行自由布局。支持的操作如下。

操作

描述

高度调整

重要

容器高度调整仅针对图层栏最外层容器生效。

  • 当选中一个布局容器时,您可以上下拖动容器下方的边界把手调整容器高度。调整高度

  • 当选中任意图层内一个布局容器时,可在右侧容器配置面板中,调整容器高度。

  • 当选中多个布局容器时,则只能通过配置右侧出现的容器批量配置面板中的高度值进行多个容器高度的调整。多个容器

上移

在图层栏或流式布局画布内选中一个布局容器后,将鼠标移动到容器边缘的弹框上移图标处,单击该图标即可将容器向上移动一层。

下移

在图层栏或流式布局画布内选中一个布局容器后,将鼠标移动到容器边缘的弹框下移图标处,单击该图标即可将容器向下移动一层。

复制

  • 在图层栏或流式布局画布内选中一个布局容器后,将鼠标移动到容器边缘的弹框复制图标处,单击该图标即可复制当前容器所有内容并插入复制后的容器到后方位置。

  • 在图层栏或流式布局画布内选中一个布局容器后,通过Ctrl+C复制组件,如果立刻使用Ctrl+V粘贴,则被复制的新容器将添加于当前容器后方;如果是在选中空格子后使用Ctrl+V粘贴,则被复制的新容器将至于格子内;如果选中的是非空格子或对象后使用Ctrl+V粘贴,则被复制的新容器将添加于当前格子后方。

删除

  • 在图层栏或流式布局画布内选中一个布局容器后,将鼠标移动到容器边缘的弹框删除容器处,单击该图标即可删除当前容器。

  • 在图层栏或流式布局画布内选中一个布局容器后,通过单击键盘上的Delete,即可删除被选中的容器。

修改容器名

在图层栏内选中一个布局容器后,双击容器的标题处,即可在弹窗内修改容器的名称。修改容器名