Share via

Animasi transisi konten

  • Artikel

Animasi transisi konten memungkinkan Anda mengubah konten area layar sambil menjaga kontainer atau latar belakang tetap konstan. Konten baru memudar masuk. Jika ada konten yang akan diganti, konten tersebut akan memudar.

API penting: Kelas ContentThemeTransition (XAML)

Lakukan dan jangan lakukan

  • Gunakan animasi masuk ketika ada sekumpulan item baru untuk dibawa ke dalam kontainer kosong. Misalnya, setelah beban awal aplikasi, bagian dari konten aplikasi mungkin tidak segera tersedia untuk ditampilkan. Saat konten tersebut siap ditampilkan, gunakan animasi transisi konten untuk membawa konten terlambat tersebut ke dalam tampilan.
  • Gunakan transisi konten untuk mengganti satu set konten dengan sekumpulan konten lain yang sudah berada di kontainer yang sama dalam tampilan.
  • Saat membawa konten baru, geser konten tersebut ke atas (dari bawah ke atas) ke dalam tampilan terhadap alur halaman umum atau urutan membaca.
  • Perkenalkan konten baru dengan cara yang logis, misalnya, memperkenalkan bagian paling penting dari konten terakhir.
  • Jika Anda memiliki lebih dari satu kontainer yang kontennya akan diperbarui, picu semua animasi transisi secara bersamaan tanpa mengejutkan atau menunda.
  • Jangan gunakan animasi transisi konten saat seluruh halaman berubah. Dalam hal ini, gunakan animasi transisi halaman sebagai gantinya.
  • Jangan gunakan animasi transisi konten jika konten hanya disegarkan. Animasi transisi konten dimaksudkan untuk menampilkan pergerakan. Untuk refresh, gunakan animasi yang pudar.

Untuk pengembang (XAML)