对齐工具是调整组件位置的便捷工具,可以帮助开发者快速的 调整/对齐 组件在画布上的位置。
185.png

对齐工具上有八个功能,分别是:左对齐/水平居中/右对齐(水平位置调整)、上对齐/垂直居中/下对齐(垂直位置调整)、水平分布/垂直分布(多组件分布调整专用)。

一、单组件对齐

当选中单个组件时,可以使用 水平位置调整 和 垂直位置调整 功能。
186.png

在调整位置时,组件会以画布为基准进行移动。

  • 使用 左对齐,选中的组件会移动到 画布最左端
  • 使用 右对齐,选中的组件会移动到 画布最右端
  • 使用 水平居中,选中的组件会移动到 画布横向中点
  • 使用 上对齐,选中的组件会移动到 画布最上端
  • 使用 下对齐,选中的组件会移动到 画布最下端
  • 使用 垂直居中,选中的组件会移动到 画布纵向中点

187.gif

二、双组件对齐

当选中两个组件时,可以使用 水平位置调整 和 垂直位置调整 功能。

按住shift建可以同时选中多个组件。

188.png

在调整位置时,组件会以其中一个组件为基准进行移动。

  • 使用 左对齐,选中的所有组件会移动到 最左端组件的横向位置处;
  • 使用 右对齐,选中的所有组件会移动到 最右端组件的横向位置处;
  • 使用 水平居中,选中的所有组件会移动到 两个组件的横向中点处

189.gif

  • 使用 上对齐,选中的所有组件会移动到 最上端组件的纵向位置处;
  • 使用 下对齐,选中的所有组件会移动到 最下端组件的纵向位置处;
  • 使用 垂直居中,选中的所有组件会移动到 两个组件的纵向中点处

190.gif

三、多组件对齐

当选中三个或三个以上的组件时,可以使用 水平位置调整 和 垂直位置调整 功能,也可以使用 水平分布/垂直分布。
191.png

在调整位置时,组件会以其中一个组件/最两端组件的中点为基准进行移动。

  • 使用 左对齐,选中的所有组件会移动到 最左端组件的横向位置处;
  • 使用 右对齐,选中的所有组件会移动到 最右端组件的横向位置处;
  • 使用 水平居中,选中的所有组件会移动到 最上端和最下端两个组件的横向中点处

192.gif

  • 使用 上对齐,选中的所有组件会移动到 最上端组件的纵向位置处;
  • 使用 下对齐,选中的所有组件会移动到 最下端组件的纵向位置处;
  • 使用 垂直居中,选中的所有组件会移动到 最上端和最下端两个组件的纵向中点处

193.gif

  • 使用 水平分布,选中的横向中间的组件会均匀分布到 最左端和最右端两个组件的横向空间中
  • 使用 垂直分布,选中的纵向中间的组件会均匀分布到 最上端和最下端两个组件的纵向空间中

    多组件的 水平分布/垂直分布 时,最两端的组件不会移动

194.gif
195.gif
196.gif