跳至主要内容

功能区绘图与排列:Shapes、连接线、格式刷和对象布局

MX Design 的 Shapes 和 Arrange 提供图形、连接线、格式刷、对齐、分布、旋转、层级和组合操作。

编辑

编辑: 功能区绘图与排列:Shapes、连接线、格式刷和对象布局

MX Design 的 Shapes 和 Arrange 提供图形、连接线、格式刷、对齐、分布、旋转、层级和组合操作。

对象选择要求

排列命令作用于当前选中图形。按住 Ctrl 多选后执行;只修改组内对象时,进入组内选择或先取消组合。

  • 插入图形或连接线:不要求预先选择对象。
  • 对齐:至少选择 2 个对象。
  • 水平或垂直均匀分布:至少选择 3 个对象。
  • 组合:至少选择 2 个可组合对象。
  • 取消组合:必须选中一个组合对象。

插入图形、直线连接线和带箭头连接线

在 MX Design → Shapes 使用 ShapesInsertGallery 插入图形。选择 Straight Connector 或 Straight Connector Arrow,从一端对象的连接点拖到另一端。移动两端对象,检查连接线仍保持吸附。

  • 普通外框、按钮和状态块:从图形库选择矩形、圆形等形状。
  • 无方向关系:使用 Straight Connector。
  • 有流向或先后方向:使用 Straight Connector Arrow。
  • 画完后移动两端对象,确认连接线没有脱离连接点。

用 Format Painter 统一外观

选择源对象,点击 Format Painter,再点击目标,复制填充、边框、字体和基础效果。运行时行为需使用 Behavior Browser 的 Copy Behavior / Paste Behavior 复制。

  • 只统一外观:使用 Format Painter。
  • 复制 State Color、Write Tag 等运行时配置:使用 Copy Behavior / Paste Behavior。
  • 格式刷后仍要检查目标对象自己的文字、名称和行为是否正确。

左、中、右和上、中、下对齐

按住 Ctrl 选择至少 2 个对象,在 Arrange 中选择左对齐、水平居中、右对齐、顶端对齐、垂直居中或底端对齐。基准不符时按 Ctrl+Z 撤销,调整选择后重试。

  • 做一列数值框:常用左对齐或右对齐。
  • 做一排按钮:常用顶端对齐或垂直居中。
  • 对齐只调整位置,不会自动让对象间距一致。

水平和垂直均匀分布

选择至少 3 个对象。Horizontal Distribution 固定最左、最右对象,水平分布其余对象;Vertical Distribution 固定最上、最下对象,垂直分布其余对象。先放好两端对象再执行。

  • 少于 3 个对象时不执行均匀分布。
  • 先确定首尾对象,再选中整组执行。
  • 分布后检查是否与页面边界、标题和其他组件保持合理间距。

旋转、前移和置于顶层

ObjectRotateLeft90 / ObjectRotateRight90 每次旋转 90 度。Bring Forward 前移一层,Bring To Front 移到同级最前方。调整后检查背景、热区和透明点击层的遮挡关系。

  • 方向不对:左转 90° 或右转 90°。
  • 只跨过相邻对象:Bring Forward。
  • 必须显示在全部同级对象上方:Bring To Front。
  • 调整后在选择窗格或实际点击检查中确认遮挡关系。

组合和取消组合

Group 将多个对象组合,便于整体移动、缩放或保存为模板。Ungroup 保留子对象行为,但会清理仅属于组合根的模板信息或根级动画;取消组合后检查模板身份和根级行为。

  • 重复设备部件先整理好,再组合。
  • 组合后给整体绑定行为前,确认动作是否应该作用于整个组。
  • 取消组合后检查子对象行为、名称和层级。
  • 需要继续复用的对象,重新确认是否仍应保存为模板。

再次点击图片或按 Esc 关闭