Windows Phone ListView項目動畫

Question

我從Codeplex下載了Windows Phone的Silverlight工具包。在演示中，我注意到主視圖有一個StackPanel，其中列出了項目，按項目給出了這樣的視覺指示，類似於本機Windows Phone菜單的操作。在試圖找出他們是如何做的，我看到過渡效果在頁面的頂部，下面的XAML補充說：

<toolkit:TransitionService.NavigationInTransition> 
    <toolkit:NavigationInTransition> 
     <toolkit:NavigationInTransition.Backward> 
      <toolkit:TurnstileTransition Mode="BackwardIn"/> 
     </toolkit:NavigationInTransition.Backward> 
     <toolkit:NavigationInTransition.Forward> 
      <toolkit:TurnstileTransition Mode="ForwardIn"/> 
     </toolkit:NavigationInTransition.Forward> 
    </toolkit:NavigationInTransition> 
</toolkit:TransitionService.NavigationInTransition> 
<toolkit:TransitionService.NavigationOutTransition> 
    <toolkit:NavigationOutTransition> 
     <toolkit:NavigationOutTransition.Backward> 
      <toolkit:TurnstileTransition Mode="BackwardOut"/> 
     </toolkit:NavigationOutTransition.Backward> 
     <toolkit:NavigationOutTransition.Forward> 
      <toolkit:TurnstileTransition Mode="ForwardOut"/> 
     </toolkit:NavigationOutTransition.Forward> 
    </toolkit:NavigationOutTransition> 
</toolkit:TransitionService.NavigationOutTransition> 

我最初的假設是，這是什麼使按鈕有這個動畫，不過，我可以似乎沒有弄清楚他們是如何使它工作的。上面的XAML和其他所有內容之間沒有明顯的聯繫。

任何提示？我試圖讓一個ListView的項目模仿這個新聞可視化。

Answer 1

您列出的動畫是頁面導航和導航時使用的過渡動畫。它實際上是尋找Tilt動畫，也是在Silverlight工具箱中。

由於您已經下載了該工具包，因此您只需確保已將其作爲參考添加到您的項目中，然後將以下代碼插入頁面頂部的某處，並位於開放式手機的某處：PhoneApplicationPage '標籤：

xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit" 
toolkit:TiltEffect.IsTiltEnabled="True" 

這將自動增加所有按鈕和ListBoxItems與傾斜效果。如果您希望其他項目具有傾斜效果，您可以簡單地將'toolkit：TiltEffect.IsTiltEnabled ='True'''屬性添加到該項目的標籤。

您可以在這裏深入瞭解的傾斜動畫：http://windowsphonegeek.com/articles/Silverlight-for-WP7-Toolkit-TiltEffect-in-depth