组件的对齐

<< Click to Display Table of Contents >>

当前位置:  设计可视化分析报告 > 可视化组件 > 组件操作与设置 

组件的对齐

复制链接

1. 概述

1.1应用场景

选中多个组件,使组件快速对齐。

1.2功能介绍

两个或多个组件之间可以互相对齐。用户可以通过选择对齐方式或参考对齐提示线对报告中的组件进行快速对齐。

1.3基本要求

顶端对齐、底部对齐、左对齐、右对齐、垂直居中、水平居中

横向分布、纵向分布

等高、等宽

处于悬浮状态的两个或多个组件

处于悬浮状态的三个或多个组件

处于固定状态的两个或多个组件

说明:

若选中的多个组件中,既有固定状态的组件,也有悬浮状态的组件,则不支持对齐。

2. 对齐组件

2.1悬浮组件对齐菜单

1)选中多个悬浮组件。

您可以通过以下方式进行多选。

使用Ctrl键选中多个组件

使用Ctrl+A可选中报告中全部的组件

鼠标拖拽区域将多个组件选中

2)右键弹出选择面板,选择“对齐”,选择项包含顶端对齐、底部对齐、左对齐、右对齐、垂直居中、水平居中、横向分布、纵向分布八种对齐方式。

dbfree_com_alignment_choice_zoom88

举例:

如下图所示,不在同一水平线上的多个悬浮组件,若希望达到良好的排布效果,可先选中他们,右键选择“对齐>顶部对齐”,再选择“对齐>横向分布”。

如下图所示,不在同一竖直线的多个悬浮组件,若希望达到良好的排布效果,可先选中他们,右键选择“对齐 > 水平居中”,再选择“对齐 > 纵向分布”。

2.2固定组件对齐菜单

1)选中多个固定组件。

您可以通过以下方式进行多选。

使用Ctrl键选中多个组件

使用Ctrl+A可选中报告中全部的组件

鼠标拖拽区域将多个组件选中

2)右键弹出选择面板,选择“对齐”,选择项包含等高、等宽对齐方式。

componentalignmenu_zoom50

详情请参考调整组件等高、等宽

2.3组件对齐辅助提示线

点击并拖拽想要移动的组件,当靠近相邻组件时会出现对齐提示线,在想要放置的位置释放鼠标即可。

对齐提示线分为上对齐线、下对齐线、左对齐线、右对齐线、中间对齐线、角对齐线。

举例:

拖拽饼图使得饼图顶部对齐柱图,出现上对齐提示线:

dbfree_com_alignment_topline

中间对齐提示线:

dbfree_com_alignment_middleline_zoom85

角对齐提示线:

dbfree_com_alignment_centerline_zoom90