起動時にMVVMで画像をアニメーション化する

Question

私はImageViewModelを持っています。ビューはアイコンで構成されています。 ViewModelのインスタンスを作成するときにビューが読み込まれたら、イメージをアニメーション化して下に移動します。 どうすればいいですか？

<Image x:Name="TestImage" Width="75" Height="75" Source="pack://application:,,,/TestProject.View;Component/Resources/TestImage.png">  
    </Image> 

Answer 1

これは私がそれを修正した方法です。キャンバスに画像を配置しました。 userControlのLoadedイベントは、私のストーリーボードを開始するUserControl.Loadedイベントをトリガーします。

<Canvas DataContext="{Binding}" HorizontalAlignment="Left" VerticalAlignment="Top"> 
    <Canvas.Triggers> 
     <EventTrigger RoutedEvent="UserControl.Loaded"> 
      <BeginStoryboard > 
       <Storyboard Storyboard.TargetName="Image1" Storyboard.TargetProperty="(Canvas.Top)">       
        <DoubleAnimation From="0" To="50" Duration="0:0:2" /> 
       </Storyboard> 
      </BeginStoryboard> 
     </EventTrigger> 
    </Canvas.Triggers> 
    <Image x:Name="Image1" Grid.Row="1" Width="170" Height="192" Source="{Binding ImageSource}">    
    </Image> 
</Canvas >