Terapung

Adakah kes penggunaan yang baik untuk butang terapung di atas kandungan menatal?

Adakah kes penggunaan yang baik untuk butang terapung di atas kandungan menatal?
  1. Apakah tujuan butang tindakan terapung?
  2. Di mana anda meletakkan butang tindakan terapung?
  3. Adakah butang terapung boleh diakses?
  4. Kembali ke butang atas?

Apakah tujuan butang tindakan terapung?

Butang Tindakan Terapung (Fab) adalah butang bulat yang mencetuskan tindakan utama dalam ui aplikasi anda. Halaman ini menunjukkan kepada anda cara menambahkan fab ke susun atur anda, menyesuaikan beberapa penampilannya, dan bertindak balas terhadap paip butang.

Di mana anda meletakkan butang tindakan terapung?

Butang harus diletakkan di sudut kanan bawah skrin. Margin yang disyorkan untuk bahagian bawah adalah 16DP untuk telefon dan 24DP untuk tablet. Dalam contoh di atas, 16DP digunakan.

Adakah butang terapung boleh diakses?

FloatingActionButton boleh diakses oleh pembaca skrin dan menyediakan WAI-Aria, Seksyen 508, WCAG 2.1, dan sokongan papan kekunci. Kebolehcapaian adalah sebahagian daripada Kendo UI untuk JQuery, perpustakaan UI gred profesional dengan 110+ komponen untuk membina aplikasi moden dan kaya ciri.

Kembali ke butang atas?

Kembali ke butang atas diperlukan untuk laman web dengan menatal berterusan, atau halaman yang merangkumi jumlah kandungan yang panjang. Garis panduan yang baik adalah memasukkan butang belakang ke atas untuk mana -mana laman web yang lebih panjang daripada 4 skrin.

Menggunakan fail audio dengan figma untuk aplikasi mudah alih, mencuba protopie
Bolehkah anda bermain audio dalam prototaip figma?Bagaimana anda menggunakan audio di figma?Mengapa protopi lebih baik daripada figma? Bolehkah anda...
Apakah beberapa alternatif untuk akordion?
Apa alternatif untuk tab?Adalah accordion baik ux?Mengapa kita menggunakan akordion?Apakah tab akordion? Apa alternatif untuk tab?Sekiranya mereka t...
UX yang baik untuk tetapan Opsyenal Opsyenal
Antara berikut yang manakah harus dilaksanakan dalam reka bentuk UX yang baik semua pilihan menjadikan antara muka intuitif membuat antara muka yang ...