如何在xaml中單擊按鈕時顯示圖像可見性

Question

我試圖在按鈕單擊後更改圖像的可見性，但隨後圖像消失並將其可見性更改回隱藏狀態。基本上保存圖像，讓用戶知道保存是成功的。我只想在xaml中這樣做。有什麼建議？

代碼：

<Image x:Name="SavedImage" 
     Source="/check.ico"> 
    <Image.Resources> 
    <Style TargetType="Image"> 
     <Style.Triggers> 
     <DataTrigger Binding="{Binding ElementName=SaveDocumentsButton, Path=IsPressed}" 
        Value="True"> 
      <Setter Property="Visibility" 
        Value="Visible"></Setter> 
     </DataTrigger> 
     <Trigger Property="Image.Visibility" 
       Value="Visible"> 
      <Trigger.EnterActions> 
      <BeginStoryboard> 
       <Storyboard x:Name="saveStoryBoard"> 
       <DoubleAnimation x:Name="z" 
           BeginTime="0:0:0" 
           Duration="0:0:3" 
           From="1.0" 
           To="0.0" 
           Storyboard.TargetProperty="Opacity" /> 
       </Storyboard> 
      </BeginStoryboard> 
      </Trigger.EnterActions> 
     </Trigger> 
     </Style.Triggers> 
    </Style> 
    </Image.Resources> 
</Image> 
<Button x:Name="SaveDocumentsButton" 
     Style="{StaticResource SaveButtonWhite}" 
     Command="{Binding SaveUnitCommand}" 
     HorizontalAlignment="Right"> 
</Button> 

Answer 1

這應該很好地工作：

<Grid> 
    <Image x:Name="SavedImage" 
     Source="http://i.msdn.microsoft.com/dn166920.cover_lrg(en-us,MSDN.10).jpg"> 
    <Image.Resources> 
     <Style TargetType="Image"> 
     <Style.Triggers> 
      <DataTrigger Binding="{Binding ElementName=SaveDocumentsButton, Path=IsPressed}" 
         Value="True"> 
      <Setter Property="Opacity" 
        Value="1"></Setter> 

      <DataTrigger.EnterActions> 

       <BeginStoryboard> 
       <Storyboard x:Name="saveStoryBoard"> 
        <DoubleAnimation x:Name="z" 
            BeginTime="0:0:0" 
            Duration="0:0:3" 
            From="1.0" 
            To="0.0" 
            Storyboard.TargetProperty="Opacity" /> 
       </Storyboard> 
       </BeginStoryboard> 
      </DataTrigger.EnterActions> 
      </DataTrigger> 

     </Style.Triggers> 
     </Style> 
    </Image.Resources> 
    </Image> 
    <Button x:Name="SaveDocumentsButton" 
      Content="TEST" 
      HorizontalAlignment="Right"> 
    </Button> 
</Grid>