Geser untuk menutup

Animasi geser untuk menutup menunjukkan transisi saat pengguna membuka halaman sebelumnya.

Detail animasi geser untuk menutup mirip dengan mekanisme tekan RSB. Jari Anda mengontrol progres animasi hingga 50%.

Ada animasi tambahan di Tampilan Aplikasi yang ditautkan ke gestur tutup. Jumlah gerakan yang ditampilkan pada tampilan aplikasi tidak sama persis dengan jarak yang diperlukan oleh jari untuk bergerak. Tampilan aplikasi tidak boleh keluar dari tepi layar karena akan menampilkan efek seperti tekanan di kedua sisi yang kuat.

Implementasi

SwipeDismissableNavHost dari library navigasi menyediakan gestur navigasi geser-untuk-menutup secara default.

Jika tidak menggunakan library navigasi, Anda masih dapat mendukung gestur navigasi layar penuh ini dengan menggunakan BasicSwipeToDismissBox secara langsung.

Desain

Saat mendesain tindakan geser untuk menutup, perhatikan dua prinsip berikut:

Tepi layar

Akun untuk elemen UI lainnya yang dapat digeser, seperti tampilan aplikasi dengan penomoran halaman. Jika geser untuk menutup bisa dilakukan, sisihkan 20% dari tepi layar untuk memicu gerakan tersebut.

Lihat contoh dari Compose Material untuk codebase Wear OS untuk contoh geser tepi saat konten dapat di-scroll secara horizontal.

Nilai minimum untuk kembali atau tetap dalam tampilan aplikasi

Jika pengguna telah menarik jari lebih dari 50% lebar layar, aplikasi harus memicu animasi geser kembali lainnya. Jika lebih kecil dari ukuran tersebut, aplikasi harus kembali ke tampilan aplikasi lengkap.

Jika gesturnya cepat, abaikan aturan nilai minimum 50% dan geser ke belakang.