辅助线

DataV移动端的工具栏内提供了辅助线的功能。通过配置辅助线及其颜色,您可以在大屏中精准显示容器和组件框架和样式。

操作步骤

  1. 登录DataV控制台

  2. 工作台页面,使用模板创建移动端看板或者单击一个已有移动端可视化应用的编辑按钮。

  3. 进入移动端画布编辑器页面,单击编辑器页面左上方的工具栏

    工具栏入口
    重要

    初次进入新建的移动端可视化应用时,工具栏配置默认开启。如果需要关闭工具栏配置,可再次单击工具栏后隐藏该功能。

  4. 在移动端画布编辑器页面,单击选中画布上方的辅助线,流式布局画布中每个格子之间都会显示虚线样式的辅助线条,清晰的显示画布中的各区域块内容。打开辅助线

    重要

    初次进入新建的移动端可视化应用时,工具栏默认开启,画布左上方辅助线默认开启。

  5. 再次单击取消选中画布上方的辅助线后,画布关闭辅助线,可以更清晰的预览显示效果。

    关闭辅助线
    说明

    当取消选中辅助线后,只有在鼠标悬浮到流式布局画布中的某个布局容器上时,才会显示当前悬浮位置处容器四周的辅助线。

    悬浮状态辅助线
  6. 单击流式布局画布上方的颜色界面,选择选项内的一种颜色,即可设置流式布局画布宽度调整把手和鼠标悬浮位置所在容器辅助线的颜色,目前可选择四种辅助线颜色。

    重要

    当屏幕内容和辅助线颜色较为接近时,可以切换辅助线的颜色,方便更清晰地显示辅助线。

    颜色功能