MVVM中的動畫圖像啓動

我有一個ImageViewModel，視圖包含一個圖標。當我創建ViewModel的實例，並加載視圖時，我想動畫圖像將其向下移動。如何做到這一點？MVVM中的動畫圖像啓動

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

來源

2016-06-01 harin04

這也許【答案】（http://stackoverflow.com/a/5971753/4377809）可以幫助你 –

這是我如何修復它。我把我的形象放在畫布上。在userControl Loaded事件im觸發一個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 >

來源

2016-06-02 05:43:39 harin04

你並不需要使用畫布，你可以使用圖像和更改頁邊距而不是類似的結果。 – ManIkWeet

MVVM中的動畫圖像啓動

回答

相關問題