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

<div class="manual-doc-article manual-doc-article-section"><h2 id="ribbon-shapes-arrange">编辑: 功能区绘图与排列：Shapes、连接线、格式刷和对象布局</h2>

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

<div class="doc-card-list">

<article class="doc-card doc-card-warn">

<h3 id="ribbon-shapes-arrange-item-1">对象选择要求</h3>

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

<ul>

<li>插入图形或连接线：不要求预先选择对象。</li>

<li>对齐：至少选择 2 个对象。</li>

<li>水平或垂直均匀分布：至少选择 3 个对象。</li>

<li>组合：至少选择 2 个可组合对象。</li>

<li>取消组合：必须选中一个组合对象。</li>

</ul>

</article>

<article class="doc-card">

<h3 id="ribbon-shapes-arrange-item-2">插入图形、直线连接线和带箭头连接线</h3>

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

<ul>

<li>普通外框、按钮和状态块：从图形库选择矩形、圆形等形状。</li>

<li>无方向关系：使用 Straight Connector。</li>

<li>有流向或先后方向：使用 Straight Connector Arrow。</li>

<li>画完后移动两端对象，确认连接线没有脱离连接点。</li>

</ul>

</article>

<article class="doc-card">

<h3 id="ribbon-shapes-arrange-item-3">用 Format Painter 统一外观</h3>

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

<ul>

<li>只统一外观：使用 Format Painter。</li>

<li>复制 State Color、Write Tag 等运行时配置：使用 Copy Behavior / Paste Behavior。</li>

<li>格式刷后仍要检查目标对象自己的文字、名称和行为是否正确。</li>

</ul>

</article>

<article class="doc-card">

<h3 id="ribbon-shapes-arrange-item-4">左、中、右和上、中、下对齐</h3>

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

<ul>

<li>做一列数值框：常用左对齐或右对齐。</li>

<li>做一排按钮：常用顶端对齐或垂直居中。</li>

<li>对齐只调整位置，不会自动让对象间距一致。</li>

</ul>

</article>

<article class="doc-card">

<h3 id="ribbon-shapes-arrange-item-5">水平和垂直均匀分布</h3>

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

<ul>

<li>少于 3 个对象时不执行均匀分布。</li>

<li>先确定首尾对象，再选中整组执行。</li>

<li>分布后检查是否与页面边界、标题和其他组件保持合理间距。</li>

</ul>

</article>

<article class="doc-card">

<h3 id="ribbon-shapes-arrange-item-6">旋转、前移和置于顶层</h3>

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

<ul>

<li>方向不对：左转 90° 或右转 90°。</li>

<li>只跨过相邻对象：Bring Forward。</li>

<li>必须显示在全部同级对象上方：Bring To Front。</li>

<li>调整后在选择窗格或实际点击检查中确认遮挡关系。</li>

</ul>

</article>

<article class="doc-card">

<h3 id="ribbon-shapes-arrange-item-7">组合和取消组合</h3>

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

<ul>

<li>重复设备部件先整理好，再组合。</li>

<li>组合后给整体绑定行为前，确认动作是否应该作用于整个组。</li>

<li>取消组合后检查子对象行为、名称和层级。</li>

<li>需要继续复用的对象，重新确认是否仍应保存为模板。</li>

</ul>

</article>

</div>

</div>