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 a percent fill

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

要使用垂直填充百分比动画来配置元素

  1. 选择元素。

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

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

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

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

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

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

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

  9. 颜色区域中,单击:

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

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

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

  10. 方向区域中,选择:

    • - 从下向上填充。

    • - 从上向下填充。

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

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

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

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

  13. 单击确定