添加/刪除AppBar按鈕動畫

我有一個WinRT應用程序，其中AppBar按鈕可以是兩個按鈕之一，具體取決於所選內容。從一個按鈕切換到另一個按鈕很簡單，但它缺乏我們在WinRT上追求的視覺流暢性。添加/刪除AppBar按鈕動畫

我正在查找的視覺行爲也出現在Windows 8附帶的郵件應用程序中。如果您選擇一條消息並彈出底部的AppBar，點擊「標記爲已讀/未讀」按鈕會產生一個不錯的結果改變兩個按鈕之間的效果。

有誰知道這是一個預先滾動的動畫，還是我必須手工實現它（或者更好，是否有解決方案已經存在）？

來源

2012-12-29 Jim Marquardt

您是否嘗試過使用混合使用它的一個例子嗎？ – mydogisbox

還沒有。如果可用，我寧願使用預先滾動/支持的主題動畫。（我希望它是在dox中，我還沒有找到它。） –

可用的轉場位於Windows.UI.Xaml.Media.Animation名稱空間中。 Check out what is there，如果你沒有看到你在找什麼，那麼你將不得不創建自己的。

與我看起來最相似的轉換是AddDeleteThemeTransition，儘管只有當應用程序欄項目被添加/刪除時纔會出現該效果，而當應用程序欄被打開時纔會出現該效果。

這裏的

<AppBar> 
     <Grid> 
      <StackPanel x:Name="LeftPanel" Orientation="Horizontal"> 
       <Button x:Name="Search" Style="{StaticResource SearchAppBarButtonStyle}" /> 
       <StackPanel.ChildrenTransitions> 
        <TransitionCollection> 
         <AddDeleteThemeTransition/> 
        </TransitionCollection> 
       </StackPanel.ChildrenTransitions> 
      </StackPanel> 
     </Grid> 
    </AppBar>

來源

2012-12-30 22:43:10 kindasimple

謝謝，但似乎沒有做過渡的「放大/縮小」部分...而是似乎適用於淡入/淡出效果。 –

您是否嘗試刪除並添加一個項目，如您所描述的郵件示例中所示？ – kindasimple

可用的轉換位於Windows.UI.Xaml.Media.Animation命名空間中。看看有什麼，如果你沒有看到你在找什麼，那麼你將不得不創建自己的。 http://msdn.microsoft.com/en-us/library/windows/apps/jj218361.aspx – kindasimple

添加/刪除AppBar按鈕動畫

回答

相關問題