Material Design Demo for Android 1.0

Demo Reka Bentuk Bahan untuk Android ialah contoh apl yang telah dibuat menggunakan perpustakaan sokongan reka bentuk. Tujuan apl ini adalah untuk menunjukkan cara melaksanakan reka bentuk bahan dalam apl yang serasi dengan peranti pra-lollipop (sehingga Tahap API 7). Apl ini merangkumi pelbagai komponen reka bentuk bahan, termasuk laci navigasi, ruang fleksibel dengan imej (teknik menatal), butang tindakan terapung, label terapung untuk mengedit teks, bar snek (dengan dan tanpa tindakan), tab, susun atur penyelaras dan butang tindakan terapung, dan penyelaras susun atur dan bar aplikasi (bar alat).

Reka Bentuk Bahan ialah bahasa visual yang dibangunkan oleh Google yang bertujuan untuk mencipta pengalaman pengguna bersatu merentas semua platform dan peranti. Ia memfokuskan pada tipografi bersih, warna berani dan bentuk ringkas. Reka Bentuk Bahan juga menekankan penggunaan animasi dan peralihan untuk mencipta pengalaman pengguna yang lebih menarik.

Demo Reka Bentuk Bahan untuk Android mempamerkan cara pembangun boleh menggabungkan prinsip ini ke dalam apl mereka sendiri. Dengan menggunakan perpustakaan sokongan reka bentuk yang disediakan oleh Google, pembangun boleh dengan mudah menambahkan elemen reka bentuk bahan pada apl mereka tanpa perlu menulis kod yang kompleks dari awal.

Salah satu ciri utama apl demo ini ialah keserasiannya dengan peranti pra-lollipop. Ini bermakna pengguna yang masih menggunakan versi Android yang lebih lama boleh menikmati faedah reka bentuk bahan dalam apl mereka.

Mari kita lihat dengan lebih dekat beberapa komponen khusus yang diliputi dalam tunjuk cara ini:

Laci Navigasi: Laci navigasi menyediakan pengguna dengan akses pantas ke bahagian atau ciri yang berbeza dalam apl. Ia meluncur keluar dari sebelah kiri skrin apabila dicetuskan oleh ikon menu atau gerak isyarat leret.

Ruang Fleksibel dengan Imej: Komponen ini membolehkan pembangun membuat pengepala yang menakjubkan secara visual untuk apl mereka. Imej pengepala menatal ke atas apabila pengguna menatal ke bawah melalui kandungan pada skrin.

Butang Tindakan Terapung: Butang tindakan terapung menyediakan pengguna dengan akses pantas kepada tindakan utama dalam apl. Ia terapung di atas kandungan lain pada skrin dan bernyawa apabila diketuk.

Label Terapung untuk Mengedit Teks: Label terapung menyediakan konteks untuk medan input dalam borang atau skrin lain di mana pengguna perlu memasukkan maklumat. Ia terapung di atas medan input sehingga ia difokuskan dengan mengetik atau mengkliknya.

Snackbar: Snackbar menyediakan mesej ringkas tentang tindakan yang diambil oleh aplikasi seperti menyimpan data dengan jayanya atau gagal kerana isu rangkaian dll. Ia muncul di bahagian bawah skrin buat sementara waktu sebelum hilang secara automatik selepas beberapa saat

Tab: Tab membenarkan pembangun menyusun kandungan ke dalam bahagian berasingan dalam aplikasi supaya lebih mudah untuk pengguna menavigasi antaranya

Susun Atur Penyelaras & Butang Tindakan Terapung: CoordinatorLayout membantu anda menyelaraskan paparan bersama-sama seperti kesan menatal antara dua paparan manakala FAB(Butang Tindakan Terapung) membantu anda melakukan tindakan utama dengan cepat

Reka Letak Penyelaras & Bar Apl(Bar Alat): CoordinatorLayout membantu anda menyelaraskan paparan bersama-sama seperti kesan menatal antara dua paparan manakala Bar Apl (Bar Alat) menyediakan navigasi yang konsisten merentas aplikasi anda

Secara keseluruhan, jika anda mencari inspirasi tentang cara amalan terbaik dalam melaksanakan prinsip Reka Bentuk Bahan ke dalam aplikasi anda sendiri, demo ini akan sangat membantu!