全部产品

画布操作

更新时间:2017-08-15 16:57:38   分享:   

界面编辑器是 DataV 最主要的功能区域,对界面布局、配色,以及数据源与图表之间绑定,应用的发布都会在界面编辑器当中完成。

编辑器页面

画布区

在画布区您可以通过鼠标对组件进行自由拖拽布局。支持拖拽、缩放、图层移位、对齐、组件删除等控制。

选中/多选

您可以通过鼠标单击某个组件进行选中。

按住shift control command按钮后,单击多个组件,即可进行多选。

您也可以在左侧的组件列表中进行勾选。

Layer

拖拽

单选或者多选组件后,按住鼠标左键进行拖拽即可。

缩放

  1. 单选或者多选组件后,将鼠标移动到组件的边界框线附近。

  2. 出现缩放图标后,按住鼠标左键拖拽即可对组件进行大小缩放调整。

删除

  • 删除单个组件
  1. 选中一个组件。

  2. 单击垃圾桶按钮即可删除该组件

    删除组件

  • 删除多个组件
  1. 选中多个组件。

  2. 单击左侧组件列表下方的删除按钮,即可删除多个组件。

    批量删除组件

复制

选中组件后,在定界框左上角可以看到一个“两个文件”表示复制的按钮,点击该按钮即可复制。

  1. 选中一个组件。

  2. 单击复制按钮即可复制该组件。

    复制组件

图层移位

单选或者多选组件后,可以在左侧的组件列表最上方,点击上移、下移、置顶、置底。

您也可以在组件列表当中进行上下拖拽,越往上代表越置顶,越往下越置底。蓝色的横线代表组件所移动到的上下层次位置。

图层移位

对齐分布

当您处于多选组件的状态时,右侧的面板会出现组件对齐分布的按钮,您可以进行左、中、右、顶、底等多种对齐方式,以及水平、垂直、平均的自动分布方式。

对齐分布

本文导读目录
本文导读目录
以上内容是否对您有帮助?