设计仪表盘 ⬝ 自由布局-布局工具

1 概述

自由布局的布局工具包括鹰眼、画布缩放、参考线、网格线、智能参考线、组件锁定功能，实现大屏精准排布，组件快速定位。

2 鹰眼

1、在自由布局中，鹰眼功能通过缩放的方式来查看自助仪表盘的全景图，同时可对编辑区域快速定位，以便用户快速对交互式仪表盘进行调整。

2、鹰眼功能默认关闭，可通过点击 鹰眼功能 按钮来开启。开启鹰眼后，点击或移动鹰眼镜头，画布进行相应位置变化。

3 画布缩放

1、在自由布局中，可根据不同的需求调整画布的缩放比例，以便用户快速对交互式仪表盘进行调整。画布大小缩放是以百分比来设置的，其范围最大值为500%，最小值为25%。

2、画布缩放功能介绍如下：

4 参考线

1、自由布局，在画布中可以添加参考线，使用方法如下：

（1）添加横向辅助线

鼠标放至纵向标尺区刻度，点击鼠标左键，可添加横向辅助线

（2）添加纵向辅助线

鼠标放至横向标尺区刻度，点击鼠标左键，可添加纵向辅助线

（3）移动辅助线

移至标尺刻度区，出现图标后，可移动辅助参考线

（4）删除辅助线

移至标尺刻度区，出现图标后，可右键删除辅助线

2、在自由布局中，可以通过 在标尺上点击添加参考线 来设置所有参考线显示或隐藏。

3、不选中任何组件，在组件设置区，可以通过 属性 > 布局排版 > 参考线 来设置所有参考线显示或隐藏，并可点击 清空所有参考线 按钮快速删除所有参考线。

5 网格线

1、在自由布局中，可以通过 网格线 来设置画布区背景网格线的显示或隐藏。

2、不选中任何组件，在组件设置区，可以通过 属性 > 布局排版 > 网格线 来设置画布区背景网格线的显示或隐藏。

6 智能参考线

1、组件/组合拖拽改变大小和位置的过程中，通过智能参考线能够快速的对齐其他组件/组合（单边对齐、居中对齐、双边对齐）。

2、多选组件拖拽改变大小和位置时，以当前鼠标所放的组件作为想要对齐的对象显示智能参考线。

7 组件锁定

1、在自由布局中，鼠标可以自由拖拽组件的位置、大小，当组件的位置、大小已经设置好后，可以使用组件锁定的功能，锁定的组件不能被鼠标拖拽移动位置、修改大小，有效避免用户的误操作。

2、入口1：选中组件>鼠标右键>锁定/解锁

入口2：图层区 > 锁定/解锁

未锁定时，鼠标悬浮到图层上方，右侧出现图标，单击图标后，该组件被锁定。再次单击图标，该组件解锁。

3、注意事项

多选组件中包含锁定的组件时，通过拖拽其他组件可影响锁定组件的拖动。

1 概述

自由布局的布局工具包括鹰眼、画布缩放、参考线、网格线、智能参考线、组件锁定功能，实现大屏精准排布，组件快速定位。

2 鹰眼

1、在自由布局中，鹰眼功能通过缩放的方式来查看自助仪表盘的全景图，同时可对编辑区域快速定位，以便用户快速对交互式仪表盘进行调整。

2、鹰眼功能默认关闭，可通过点击 鹰眼功能 按钮来开启。开启鹰眼后，点击或移动鹰眼镜头，画布进行相应位置变化。

3 画布缩放

1、在自由布局中，可根据不同的需求调整画布的缩放比例，以便用户快速对交互式仪表盘进行调整。画布大小缩放是以百分比来设置的，其范围最大值为500%，最小值为25%。

2、画布缩放功能介绍如下：

4 参考线

1、自由布局，在画布中可以添加参考线，使用方法如下：

（1）添加横向辅助线

鼠标放至纵向标尺区刻度，点击鼠标左键，可添加横向辅助线

（2）添加纵向辅助线

鼠标放至横向标尺区刻度，点击鼠标左键，可添加纵向辅助线

（3）移动辅助线

移至标尺刻度区，出现图标后，可移动辅助参考线

（4）删除辅助线

移至标尺刻度区，出现图标后，可右键删除辅助线

2、在自由布局中，可以通过 在标尺上点击添加参考线 来设置所有参考线显示或隐藏。

3、不选中任何组件，在组件设置区，可以通过 属性 > 布局排版 > 参考线 来设置所有参考线显示或隐藏，并可点击 清空所有参考线 按钮快速删除所有参考线。

5 网格线

1、在自由布局中，可以通过 网格线 来设置画布区背景网格线的显示或隐藏。

2、不选中任何组件，在组件设置区，可以通过 属性 > 布局排版 > 网格线 来设置画布区背景网格线的显示或隐藏。

6 智能参考线

组件在移动过程中，通过智能参考线能够快速的对齐其他组件（单边对齐、居中对齐、双边对齐）

7 组件锁定

1、在自由布局中，鼠标可以自由拖拽组件的位置、大小，当组件的位置、大小已经设置好后，可以使用组件锁定的功能，锁定的组件不能被鼠标拖拽移动位置、修改大小，有效避免用户的误操作。

2、入口1：选中组件>鼠标右键>锁定/解锁

入口2：图层区 > 锁定/解锁

未锁定时，鼠标悬浮到图层上方，右侧出现图标，单击图标后，该组件被锁定。再次单击图标，该组件解锁。

3、注意事项

多选组件中包含锁定的组件时，通过拖拽其他组件可影响锁定组件的拖动。