我想为 Windows 社区工具包的radialgauge 设置动画,但不幸的是,在 RaisePropertyChanged 之后 UI 不会自行刷新。
这是我的代码:
查看
<TextBlock Grid.Row="0" Text="{Binding RadialGaugeValue}" />
<controls:RadialGauge
x:Name="MyRadialGauge"
Grid.Row="01"
Value="{Binding RadialGaugeValue}"
Minimum="0"
Maximum="100"
StepSize="1"
IsInteractive="False"
TickSpacing="10"
TickWidth="0"
ScaleWidth="4"
ScalePadding="29"
ScaleTickWidth="1"
MinAngle="245"
MaxAngle="115"
Unit="Sparquote"
NeedleWidth="2"
NeedleLength="100"
MaxHeight="250"
Margin="0,20,0,0"
NeedleBrush="{ThemeResource SystemColorHighlightBrush}"
FocusVisualPrimaryBrush="{x:Null}"
FocusVisualSecondaryBrush="Green"
TrailBrush="{ThemeResource SystemColorHotlightBrush}"
ValueStringFormat="."%"">
查看型号
private async Task DoSavingRateAnimation(double myValue)
{
var progress = new Progress<int>(value =>
{
RadialGaugeValue = value;
RaisePropertyChanged("RadialGaugeValue");
});
await SavingRateAnimation(progress, myValue);
}
private Task SavingRateAnimation(IProgress<int> progress, double value)
{
return Task.Run(() =>
{
int i = 0;
while (RadialGaugeValue < value)
{
Task.Delay(100).Wait();
i += 1;
progress.Report(i);
}
});
}
如您所见,radialGauge 不会自行更新。
您知道如何为控件设置动画吗?
最佳答案
请设置RadialGauge
与双向模型的值绑定(bind),如下所示。
Value="{Binding RadialGaugeValue, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
关于mvvm - 如何使用 MVVM 为社区工具包 RadialGauge 制作动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54914250/