Language: HTML | XAML

讓清單項目變更產生動畫效果 (XAML)

Applies to Windows and Windows Phone

使用清單動畫顯示類似項目集合中的變更。這包含新增與刪除動畫。 這些動畫可為新項目的加入或刪除提供順暢的視覺轉換,讓使用者清楚看到發生的動作。在新增動畫期間,現有的項目會以滑出的方式,為新項目挪出空間。接著,新項目會淡入空間,並放大為其原來的樣子。刪除動畫則完全相反。

新增或刪除的動畫為 AddDeleteThemeTransition。清單中重新定位的項目動畫為 ReorderThemeTransition。通常您會在相同動畫集中同時放置 AddDeleteThemeTransitionReorderThemeTransition

從清單新增/刪除動畫

使用清單動畫來顯示在類似項目的集合中插入或刪除項目。這些動畫與在搜尋清單動畫中新增/刪除動畫的差異,就是搜尋動畫較為迅速,可在使用者輸入搜尋字詞時處理篩選搜尋結果。

如果清單中的項目變更位置,您也可以套用個別的 ReorderThemeTransition。此動畫效果產生的方式與刪除某個項目,然後再以相關的刪除/新增動畫,將其新增在新位置的方式不同。

從搜尋清單新增/刪除動畫

如果您在 JavaScript 中工作,則可以使用專門設計在搜尋項目清單中新增或刪除項目的動畫。C#、C++ 以及 Microsoft Visual Basic 則不提供這些其他動畫。請改為針對搜尋和非搜尋清單兩者使用 AddDeleteThemeTransition

預設 Windows 執行階段控制項行為的清單動畫

其他資源

如需使用這些動畫設計的最佳做法,請參閱新增和刪除動畫的指導方針和檢查清單

相關主題

讓 UI 產生動畫效果
快速入門:使用動畫庫讓 UI 產生動畫效果
XAML 個人特質動畫範例
新增 ListView 和 GridView 控制項
AddDeleteThemeTransition
ReorderThemeTransition
ListView
GridView
ListViewItem
GridViewItem

 

 

顯示:
© 2015 Microsoft