Share via

Waktu dan permudah

  • Artikel

Meskipun gerakan berbasis di dunia nyata, kami juga merupakan media digital, yang datang dengan harapan kecepatan dan performa.

Contoh

Galeri WinUI

Jika Anda memiliki aplikasi WinUI 2 Gallery yang terinstal , klik di sini untuk membuka aplikasi dan lihat Meringankan Fungsi dalam tindakan.

Nilai durasi animasi standar

WinUI menyediakan serangkaian durasi animasi standar yang digunakan di seluruh kontrol platform. Anda juga dapat menggunakan sumber daya bernama ini saat membangun animasi Storyboard kustom.

Nama ThemeResource Nilai
ControlNormalAnimationDuration 250ms
ControlFastAnimationDuration 167ms
ControlFasterAnimationDuration 83ms

Meringankan gerakan Fasih

Pelingan adalah cara untuk memanipulasi kecepatan objek saat berjalan. Ini adalah lem yang mengikat semua pengalaman gerakan Fasih. Meskipun ekstrem, kemudahan yang digunakan dalam sistem membantu menyatukan nuansa fisik objek yang bergerak di seluruh sistem. Ini adalah salah satu cara untuk menirat dunia nyata, dan membuat objek bergerak terasa seperti berada di lingkungan mereka.

Video singkat yang memperlihatkan lingkaran muncul dari sudut kanan bawah bingkai dan berhenti di dekat sudut kiri atas bingkai.

Terapkan kemudahan ke gerakan

Kemudahan ini akan membantu Anda mencapai nuansa yang lebih alami, dan merupakan garis besar yang kami gunakan untuk gerakan Fasih.

Cepat Keluar, Lambat Masuk

cubic-bezier(0, 0, 0, 1)

Gunakan untuk objek atau UI yang memasuki adegan, baik menavigasi atau menelurkan.

Setelah di tempat kejadian, objek dipenuhi dengan gesekan ekstrem, yang memperlambat objek untuk beristirahat. Perasaan yang dihasilkan adalah bahwa objek berjalan dari jarak jauh dan masuk pada kecepatan ekstrem, atau dengan cepat kembali ke keadaan istirahat.

Bahkan jika didahului oleh sejenak tidak responsif, kecepatan objek yang masuk memiliki efek merasa cepat dan responsif.

decelerate easing

Lambat Keluar, Cepat Masuk

cubic-bezier(1 , 0 , 1 , 1)

Gunakan untuk UI atau objek yang keluar dari adegan.

Objek menjadi bertenaga dan mendapatkan momentum sampai mencapai kecepatan escape. Perasaan yang dihasilkan adalah bahwa objek berusaha paling sulit untuk keluar dari cara pengguna dan memberi ruang bagi konten baru untuk masuk.

mempercepat peleapan