Bagikan melalui

Animasi antarmuka pengguna berbasis Edge

  • Artikel

Animasi berbasis edge memperlihatkan atau menyembunyikan UI yang berasal dari tepi layar. Tindakan tampilkan dan sembunyikan dapat dimulai baik oleh pengguna atau oleh aplikasi. UI dapat melapisi aplikasi atau menjadi bagian dari permukaan aplikasi utama. Jika UI adalah bagian dari permukaan aplikasi, aplikasi lainnya mungkin perlu diubah ukurannya untuk mengakomodasinya.

API Penting: Kelas EdgeUIThemeTransition

Lakukan dan jangan lakukan

  • Gunakan animasi antarmuka pengguna tepi untuk memperlihatkan atau menyembunyikan pesan kustom atau bilah kesalahan yang tidak meluas jauh ke layar.

  • Gunakan animasi panel untuk memperlihatkan UI yang menggeser jarak yang signifikan ke dalam layar, seperti panel tugas atau keyboard lunak kustom.

  • Geser UI dari tepi yang sama yang akan dilampirkan.

  • Geser UI ke tepi yang sama asalnya.

  • Jika konten aplikasi perlu mengubah ukuran sebagai respons terhadap UI geser masuk atau keluar, gunakan animasi pudar untuk mengubah ukuran.

    • Jika UI meluncur, gunakan animasi pudar setelah antarmuka pengguna tepi atau animasi panel.
    • Jika UI meluncur keluar, gunakan animasi pudar pada saat yang sama dengan antarmuka pengguna tepi atau animasi panel.

  • Jangan terapkan animasi ini ke pemberitahuan. Pemberitahuan tidak boleh ditempatkan dalam antarmuka pengguna berbasis tepi.

  • Jangan terapkan antarmuka pengguna tepi atau animasi panel ke kontainer atau kontrol UI apa pun yang tidak ada di tepi layar. Animasi ini hanya digunakan untuk menampilkan, mengubah ukuran, dan menutup UI di tepi layar. Untuk memindahkan jenis UI lainnya, gunakan animasi reposisi.

    mengilustrasikan kapan harus menggunakan antarmuka pengguna tepi atau animasi panel dan kapan harus menggunakan reposisi.

Untuk pengembang