配置水平填充百分比动画
- Last UpdatedSep 24, 2024
- 1 minute read
您可以使用水平填充百分比动画来配置元素。
除了指定在运行时确定元素填充比例的表达式之外,还可以指定:
-
填充方向:从左至右或从右至左。
-
填充颜色:元素填充百分比为 0 时的背景样式。
-
填充相对方向:填充是否与元素相关或与屏幕相关。如果元素的相对方向发生更改,此设置会影响填充的显示情况。如果填充与屏幕相关,并且元素或图形发生旋转,则填充会保持与屏幕相关。

对水平填充百分比动画和垂直填充百分比动画而言,填充相对方向是常用设置。
您还可以预览水平填充百分比动画在运行时的显示情况。
要使用水平填充百分比动画来配置元素
-
选择元素。
-
在特别菜单上,单击编辑动画。此时出现编辑动画对话框。
-
单击添加图标,然后选择水平填充百分比。此时会将水平填充百分比动画添加到“动画”列表中,并会出现水平填充百分比配置面板。
-
指定设置。执行以下一项或多项操作:
-
在模拟框中,输入模拟值、属性引用或表达式。
-
在值 -> 最小填充框中,输入在运行时导致最小填充百分比的模拟值、属性引用或表达式。
-
在值 -> 最大填充框中,输入在运行时导致最大填充百分比的模拟值、属性引用或表达式。
-
在填充 -> 最小百分比框中,输入可指定最小填充百分比的模拟值、属性引用或表达式。
-
在填充 -> 最大百分比框中,输入可指定最大填充百分比的模拟值、属性引用或表达式。
-
在颜色区域中,单击:
填充颜色框从选择填充颜色对话框中选择样式。这就是元素的填充样式。
未填充颜色框从选择填充颜色对话框中选择样式。这就是元素的未填充填充样式。
如需详细信息,请参阅设置样式。
-
-
在方向区域中,选择:
-
右 - 从左向右填充。
-
左 - 从右向左填充。
-
-
在相对方向区域中,选择:
-
相对于图形 - 以使填充与元素相关并且填充与元素共同旋转。
-
相对于屏幕 - 以使填充与屏幕相关并且填充不与元素共同旋转。
-
-
您可以通过在预览区域中使用游标来预览配置。拖动游标可查看在运行时不同的值如何影响外观。
-
单击确定。