在 XD 中移动和对齐对象

移动和对齐也是 Adobe XD 中最基本的任务之一，在 Adobe XD 中工作时经常使用。它提供了一种有效移动和对齐对象的简便方法。

我们可以通过选择并将对象拖动到所需位置来移动对象。 设计师会遵循不同的技术。以下是移动对象的不同技术

• 通过拖动对象
• 使用箭头键
• 在属性检查器中使用数学运算值。
• 使用 Shift 键约束多个对象的移动。
• 使用“对齐”面板相对于彼此定位对象。

让我们了解移动对象的不同技术

通过拖动对象

移动对象最简单的方法是将其拖动到不同的位置。 使用 选择工具 选择任何对象。

选择一个或多个对象，然后将它们拖动到新位置。

使用箭头键

移动对象的另一种方法是使用箭头键。 这也是精确移动对象最简单的方法之一。

要使用箭头键移动对象，请选择它并按任意箭头键。 它将使对象每次按键以相应的方向移动 1px。

使用坐标值移动对象

我们还可以使用坐标值来移动对象。要使用此方法移动对象，请导航到属性检查器并输入 X 和 Y 坐标的新值。 定义坐标值后，按 Enter 键；它会将对象放置在定义的位置中。

使用数学运算值移动对象

我们还可以执行数学运算来定义对象的位置。要使用数学运算移动对象，请在接受数值的任何框中执行简单的数学运算。它将使用定义的公式进行运算并计算数值。例如，如果我们要使用当前测量值将对象移动 3 个单位，请在当前字段中输入 +3。

支持的数学运算符是“ +, -./, * ”。

要提供数值，请执行以下步骤之一

• 如果要替换整个值，请从字段中选择现有值，然后使用退格键或删除键将其删除，然后输入一个新值。它会将该值应用于对象。
• 要将现有值用作数学表达式的一部分，请在值之前或之后放置一个数学运算符，然后输入一个新的操作数值。

在 XD 中对齐和分布对象

Adobe XD 提供了一个对齐面板，用于对齐和分布对象。我们可以相对于特定选择或画板水平或垂直对齐。对齐面板可以在属性检查器区域的右侧边栏中找到。

我们可以轻松地相对于画板或特定选择来对齐对象。 我们可以按如下方式对齐对象

• 将对象对齐到顶部
• 将对象对齐到中间
• 将对象对齐到底部
• 将对象对齐到左侧
• 将对象对齐到中心
• 将对象对齐到右侧
• 水平或垂直分布对象

要对齐对象，请选择对象和父选择，然后选择上述给定的选项之一。它将根据选择对齐对象。

让我们了解如何对齐对象

将对象或组相对于画板对齐

我们可以相对于画板对齐对象。我们有不同的画板对齐选项，例如顶部、底部和中心。我们有两个单独的选项用于水平和垂直对齐对象。对齐面板可以在属性检查器区域的右侧边栏中找到。以下是对齐面板的布局

从上面的面板中，我们可以看到有两个单独的面板用于对齐对象。左侧面板包含用于垂直对齐对象的选项，右侧面板包含用于水平对齐对象的选项。

如果选择单个对象或组，它将相对于画板对齐对象。如果选择多个对象或组，它将相对于彼此对齐对象和组。

要对齐对象或组，请选择它们并从对齐面板中单击任何所需的选项。它将相应地对齐对象。

排列对象

Adobe XD 还支持一种有效的方式来排列对象。 它支持 图层 堆栈来排列对象的顺序。 我们可以通过指定顺序来排列对象。 要指定对象的顺序，只需选择它并将其移至任何特定方向即可。 此外，我们可以通过指定图层堆栈来指定顺序。

我们有以下选项来排列对象

• 置于顶层
• 向前移动
• 向后移动
• 置于底层

要排列对象，请选择一个对象并右键单击它。它将提供所有排列选项，从可用列表中选择任何给定的选项。或者，您也可以从“对象”菜单中选择给定的排列选项。