如何使用淡入淡出效果動畫項目

Question

根據特定條件，我需要淡入或淡出頁面頂部的項目。這些項目將包含一個圖像以及可能的一些按鈕。我在WP8.1中遇到了http://msdn.microsoft.com/en-us/library/windows/apps/xaml/windows.ui.xaml.media.animation.edgeuithemetransition.aspx，但是我怎樣才能在WP8.0中完成這項工作呢？

Answer 1

您應該使用Blend來創建自己的自定義動畫。可以通過調整控件的不透明度來實現放入或退出。你可以按照這個link。另一個在這裏link

作爲一個例子，如果你想在圖像上應用淡入效果這裏是一個示例代碼。

<phone:PhoneApplicationPage.Resources> 
    <Storyboard x:Name="fadeInImage"> 
     <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="image"> 
      <EasingDoubleKeyFrame KeyTime="0" Value="0.1"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="0.3"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="0.5"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="0.7"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="0.9"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:1" Value="1"/> 
     </DoubleAnimationUsingKeyFrames> 
    </Storyboard> 
</phone:PhoneApplicationPage.Resources> 

，並播放該動畫調用它在必要時，

fadeInImage.Begin();