0

我正在努力采用 MVVM 设计模式，但遇到了一些障碍，其中之一如下：

我有一个由绑定的怪物对象填充的列表框，每个对象都包含一个进度条，表示怪物的生命值。

然后我在列表框外有一个“攻击”按钮，它会导致选定的怪物在被点击时受到伤害。（SelectedMonster 是我的 ViewModel 中的一个属性，它是双向绑定到 ListBox 的 SelectedItem 属性的）。

所有这一切都很好。单击按钮时，选定的怪物受到伤害，进度条会相应更新。

问题是，我想做的是在 ProgressBar 更改时应用动画。

之前，当我在 ListBox 的每一行中都有一个“攻击”按钮时，我在代码中动态设置动画并且效果很好（使用我在网上找到的帮助方法 FindDescendent）：

页面.xaml

<Storyboard x:Name="MonsterHPStoryboard">
    <DoubleAnimation x:Name="MonsterHPAnimation" Storyboard.TargetProperty="Value" />
</Storyboard>

页面.xaml.cs

private void AttackMonsterButton_Click(object sender, RoutedEventArgs e)
{
    Monster Monster = (sender as FrameworkElement).DataContext as Monster;

    ProgressBar HPBar = FindDescendant<ProgressBar>(((sender as Button).Parent as Grid).Parent as Grid);

    Storyboard.SetTarget(MonsterHPAnimation, HPBar);

    // set the From value to the Monster's current HP
    MonsterHPAnimation.SetValue(DoubleAnimation.FromProperty, (Double)Monster.HP);

    // set the To value to the Monster's HP after being attacked - returned by ThePlayer.Attack()
    MonsterHPAnimation.SetValue(DoubleAnimation.ToProperty, (Double)ThePlayer.Attack(Monster, Battle));

    // set the duration of the animation to 250 ms
    MonsterHPAnimation.SetValue(DoubleAnimation.DurationProperty, new Duration(TimeSpan.FromMilliseconds(250)));

    MonsterHPStoryboard.Begin();
}

关于如何通过 MVVM 路线完成此任务的任何想法？有没有更简单的方法来告诉动画在 ProgressBar 的值发生变化时播放？

提前致谢！

4

1 回答 1

0

使用带有动画动作的交互触发器。您应该能够在声明性 XAML 中完成所有操作。触发器将是实现 INPC 的 VM 中的一个属性。然后，您将使用工作线程并使用进度事件来更新绑定到交互触发器的属性。

于 2013-08-29T02:58:11.323 回答