動畫完成后，從XAML中的情節提要中更改MVVM屬性

Question

我將不同的用戶控件定義為ListView的ItemSource DataTemplates，它們都共享一個ViewModel：

<UserControl>
  <Grid>
    <Style>
      <Style.Triggers>
        <DataTrigger Binding="{Binding MyAwesomeProperty}" Value="True">
          <DataTrigger.EnterActions>
            <BeginStoryboard>
              <Storyboard>
                <DoubleAnimation>
                 some awesome animation
                </DoubleAnimation>
              </Storyboard>
            </BeginStoryboard>
          </DataTrigger.EnterActions>
        </DataTrigger>
    </Style.Triggers>
</Style>

public class AwesomeViewModel : ViewModelBase
{
    private bool myAwesomeProperty= false;
    public bool MyAwesomeProperty
    {
        get { return myAwesomeProperty; }

        set
        {
            if (myAwesomeProperty!= value)
            {
                myAwesomeProperty= value;
                RaisePropertyChanged(() => MyAwesomeProperty);
            }
        }
    }
}

現在，我想在MyAwesomeProperty更改為true時開始動畫。 這是由DataTrigger完成的。 但是，一旦動畫完成，我想將MyAwesomeProperty的值設置回false。

由於此邏輯由具有相同ViewModel的多個UserControl共享，因此我需要純MVVM解決方案，而在背后的代碼中沒有Animation.Completed回調。 這可能嗎？

Answer 1

這是使用Blend的交互庫的解決方案

首先，右鍵單擊項目中的“ 引用” ，單擊“ 添加引用”，然后在“ 框架”下添加Microsoft.Expressions.Interaction和System.Windows.Interactivity 。

之后，將以下引用添加到XAML文件的頂部：

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"

然后，您可以執行以下操作：

<Grid>
    <i:Interaction.Triggers>
        <ei:DataTrigger Binding="{Binding MyAwesomeProperty}" Value="True">
            <ei:ControlStoryboardAction Storyboard="{StaticResource YourAwesomeStoryboard}" ControlStoryboardOption="Play"/>
            <ei:ChangePropertyAction PropertyName="{Binding MyAwesomeProperty}" Value="False"/>
        </ei:DataTrigger>
    </i:Interaction.Triggers>
</Grid>

Answer 2

如果沒有代碼，則根本無法實現。 我建議您從代碼背后在ViewModel上觸發一個Command來處理邏輯。 這樣，您就不會違反MVVM模式。

Answer 3

我可以看到的一個立即解決方案是，通過背后的代碼啟動情節提要並訂閱情節提要完成事件。 您可以使用以下代碼啟動情節提要：

Storyboard storyBoard = (Storyboard)this.Resources["YourStoryBoard"];
storyBoard.Begin();

然后訂閱其活動

storyboard.Completed += storyboard_Completed;

void storyboard_Completed(object sender, System.EventArgs e)
{
    // your code here
}

希望這對您有幫助