本文档介绍组件布局的操作方法,包括组件拖拽、组件缩放、组件旋转、操作快捷键等,帮助您更加方便快捷地在大屏中对组件进行布局。

新版DataV优化了组件布局时的拖动、缩放等功能,使操作更流畅。您可以在画布区,使用鼠标对组件进行自由拖拽布局。支持的操作如下。
操作 描述
拖拽 选中一个或多个组件,按住鼠标左键进行拖拽。
  • 选中一个组件:单击某个组件进行选中。
  • 选中多个组件:按住键盘上的Ctrl键(苹果键盘使用command键)后,单击多个组件进行选中。
    说明 您也可以在左侧的图层列表中,使用同样的方法选中一个或多个组件。
缩放 单选或者多选组件后,将鼠标移动到组件的边界框线附近。出现缩放图标后,按住鼠标左键拖拽。
旋转 选择一个或多个组件,将鼠标移动到组件的边界框线附近。出现旋转图标后,按住鼠标左键对组件进行旋转。
对齐 选中多个组件后,单击右侧配置面板的对齐分布图标。
组件对齐样式

支持左、中、右、顶、底等多种对齐方式,以及水平、垂直、平均的自动分布方式。

设置透明度 选择一个或多个组件,在右侧配置面板的基础属性 > 其他选项中,单击透明度右上方的+-,或者在输入框中输入透明度值,改变组件透明度。

该功能方便大屏设计师按照自己对产品视觉的需求,自由地部署大屏。

组件成组 详情请参见成组组件
组件锁定 详情请参见锁定组件
组件隐藏 详情请参见隐藏组件
组件复制 详情请参见复制组件
组件删除 详情请参见删除组件
组件图层位置移动 详情请参见组件图层位置移动
右键菜单

在大屏画布或者图层栏中,右键单击某个组件。在弹出的菜单中,进行置顶置底上移一层下移一层复制删除等操作。

企业版及以上版本可以使用更多右键菜单功能,包括成组、解组、锁定、隐藏功能。

缩略图(企业版以上)

DataV在画布右下角提供了缩略图功能,您可以使用此功能,调整大屏在画布中的布局。

  • 拉动缩略图下方的比例尺,或者单击+-调整画布的大小比例。
  • 当大屏超出画布大小时,可以拖动缩略图的高亮蓝色边框,定位到大屏的任意位置。缩略图面板
  • 单击缩略图中右下角的缩略图图标图标,可以选择关闭或开启缩略图。
快捷键
  • 界面编辑器快捷键
    快捷键功能介绍面板
    • 开关图层面板:Ctrl/Cmd + ←
    • 开关组件面板:Ctrl/Cmd + ↑
    • 开关右侧面板:Ctrl/Cmd + →
    • 画布缩放到最佳位置:Ctrl/Cmd + a
  • 组件快捷键
    • 分组:Ctrl + G
    • 解组:Ctrl + Shift + G
    • 撤回分组:Ctrl + Z
    • 复制粘贴组件:Ctrl + C / Ctrl + V