所属产品: Mingcedar Studio DESIGNER
Scale:用比例表达增长和缩短 | Mingcedar Studio
Scale 根据输入值改变对象尺寸。它的关键不是放大多少,而是哪一边固定。
<section id="scale-detail" class="docs-block docs-block-intro docs-block-current"> <span class="section-kicker">Scale</span> <h2>Scale:用比例表达增长和缩短</h2> <p>Scale 根据输入值改变对象尺寸。它的关键不是放大多少,而是哪一边固定。</p> <div class="docs-detail-list"> <article id="scale-detail-item-1" class="docs-detail-row"> <strong>功能是什么</strong> <p>Scale 把输入值换算成一个比例,让对象从指定边缘向外增长或缩短。它适合液位、进度条、负载条和填充条。</p> <ul> <li>At limit minimum 对应最低比例</li><li>At limit maximum 对应最高比例</li><li>Moving edge 决定移动边,对边固定</li> </ul> </article><article id="scale-detail-item-2" class="docs-detail-row"> <strong>关键字段</strong> <p>Source value 通过 Limit minimum / Limit maximum 映射到 SCALE OUTPUT 两个端点的缩放因子。Moving edge 指定移动边,对边固定。</p> <ul> <li>At limit minimum / At limit maximum:例如 0 / 1 或 0.5 / 1.5</li><li>Moving edge = Top:顶边移动、底边固定</li><li>Moving edge = Right:右边移动、左边固定</li><li>Moving edge = Left:左边移动、右边固定</li> </ul> </article><article id="scale-detail-item-3" class="docs-detail-row"> <strong>对象绘制方式会影响效果</strong> <p>Scale 适合对一个独立填充对象做比例变化。液位、进度条和负载条通常应拆成背景容器和前景填充对象,再让前景对象按固定边增长。不要直接缩放包含文字、边框和图标的复杂组合,否则文字和边框也会跟随变形。</p> <ul> <li>背景容器保持固定</li><li>前景填充对象参与 Scale</li><li>文字和单位建议单独放置</li><li>复杂设备组不直接整体 Scale</li> </ul> </article><article id="scale-detail-item-4" class="docs-detail-row"> <strong>支持写法</strong> <p>Scale 的输入值使用数值表达式,比例字段使用数值或计算表达式。</p> <ul> <li>液位:At limit minimum = 0,At limit maximum = 1</li><li>轻微变化:At limit minimum = 0.8,At limit maximum = 1.2</li><li>输入值:ReadTagDouble("<PLC>.<LEVEL_TAG>", 0)</li> </ul> <pre class="docs-code-block"><code>Source value = ReadTagDouble("<PLC>.<LEVEL_TAG>", 0)
Source minimum = 0
Source maximum = 100
At limit minimum = 0
At limit maximum = 1
Moving edge = Top</code></pre> </article><article id="scale-detail-item-5" class="docs-detail-row"> <strong>配置顺序</strong> <p>先确定对象应从哪一边增长,再设置 Moving edge。液位类对象通常固定底部,进度条通常固定左侧。</p> <ul> <li>第一步:确认增长方向</li><li>第二步:设置 Moving edge</li><li>第三步:填写输入量程</li><li>第四步:填写 At limit minimum / At limit maximum</li><li>第五步:按需要叠加 Range Color</li> </ul> </article><article id="scale-detail-item-6" class="docs-detail-row"> <strong>适用和边界</strong> <p>Scale 适合长度或填充比例变化。对象整体移动时使用 Move;对象转动时使用 Rotate。</p> </article> </div> </section>