Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

AVEVA™ InTouch HMI

配置水平填充百分比动画

  • Last UpdatedSep 24, 2024
  • 1 minute read

您可以使用水平填充百分比动画来配置元素。

除了指定在运行时确定元素填充比例的表达式之外,还可以指定:

  • 填充方向:从左至右或从右至左。

  • 填充颜色:元素填充百分比为 0 时的背景样式。

  • 填充相对方向:填充是否与元素相关或与屏幕相关。如果元素的相对方向发生更改,此设置会影响填充的显示情况。如果填充与屏幕相关,并且元素或图形发生旋转,则填充会保持与屏幕相关。

    appearance of various animation fills

对水平填充百分比动画和垂直填充百分比动画而言,填充相对方向是常用设置。

您还可以预览水平填充百分比动画在运行时的显示情况。

要使用水平填充百分比动画来配置元素

  1. 选择元素。

  2. 特别菜单上,单击编辑动画。此时出现编辑动画对话框。

  3. 单击添加图标,然后选择水平填充百分比。此时会将水平填充百分比动画添加到“动画”列表中,并会出现水平填充百分比配置面板。

  4. 指定设置。执行以下一项或多项操作:

    • 模拟框中,输入模拟值、属性引用或表达式。

    • 值 -> 最小填充框中,输入在运行时导致最小填充百分比的模拟值、属性引用或表达式。

    • 值 -> 最大填充框中,输入在运行时导致最大填充百分比的模拟值、属性引用或表达式。

    • 填充 -> 最小百分比框中,输入可指定最小填充百分比的模拟值、属性引用或表达式。

    • 填充 -> 最大百分比框中,输入可指定最大填充百分比的模拟值、属性引用或表达式。

    • 颜色区域中,单击:

      填充颜色框从选择填充颜色对话框中选择样式。这就是元素的填充样式。

      未填充颜色框从选择填充颜色对话框中选择样式。这就是元素的未填充填充样式。

      如需详细信息,请参阅设置样式

  5. 方向区域中,选择:

    • - 从左向右填充。

    • - 从右向左填充。

  6. 相对方向区域中,选择:

    • 相对于图形 - 以使填充与元素相关并且填充与元素共同旋转。

    • 相对于屏幕 - 以使填充与屏幕相关并且填充不与元素共同旋转。

  7. 您可以通过在预览区域中使用游标来预览配置。拖动游标可查看在运行时不同的值如何影响外观。

  8. 单击确定