Material Design Components

Katalog M3 🚀

Apl ini adalah untuk tujuan demo pembangun.

📚 Kod Sumber: GitHub - Komponen Reka Bentuk Bahan

https://github.com/boltuix-store/Material-Design-Components

📖 Dokumentasi: Garis Panduan Bahan 3 2025

https://www.boltuix.com/2025/06/material-3-guidelines-2025.html

Bahan ialah sistem garis panduan, komponen dan alatan yang boleh disesuaikan yang menyokong amalan terbaik reka bentuk antara muka pengguna. Disokong oleh kod sumber terbuka, Material menyelaraskan kerjasama antara pereka bentuk dan pembangun, membantu pasukan membina produk yang cantik dengan cepat. 🌟

Komponen 🛠️

Komponen Bahan ialah blok binaan interaktif untuk mencipta antara muka pengguna.

Berikut ialah senarai lengkap dengan komponen tambahan:

* Adaptif 🖥️: Reka letak fleksibel untuk pelbagai saiz skrin

* Bar Apl: Bawah 📱: Navigasi dan bar tindakan di bahagian bawah skrin

* Bar Apl: Atas 📍: Bar navigasi di bahagian atas skrin

* Tirai Latar 🎨: Kandungan berlapis dengan pandangan hadapan dan belakang

* Lencana 🔔: Lencana untuk pemberitahuan atau status pada elemen UI (BadgeDrawable)

* Sepanduk 📢: Mesej sementara untuk perhatian pengguna

* Navigasi Bawah 🧭: Beralih antara paparan UI di bahagian bawah

* Helaian Bawah ⬇️: Kandungan sekunder dilabuhkan ke bahagian bawah skrin

* Butang 👆: Komponen teras untuk mencetuskan tindakan dalam UI

* Butang: Butang Tindakan Terapung (FAB) ➕: Butang tindakan terapung untuk tindakan utama

* Menu FAB 🔄: Menu berkembang daripada FAB untuk tindakan berkaitan

* Kad 🗂️: Paparkan kandungan dan tindakan untuk satu subjek

* Karusel 🎠: Koleksi item yang boleh ditatal di dalam dan di luar skrin

* Kotak pilihan ✅: Pilih satu atau lebih item atau togol hidup/mati

* Cip 🏷️: Masukkan maklumat, buat pilihan, tapis atau cetuskan tindakan

* Jadual Data 📊: Susun dan paparkan data berstruktur

* Pemilih Tarikh 📅: Pilih tarikh atau julat tarikh

* Dialog ❗: Gesaan penting dalam aliran pengguna

* Pembahagi ➖: Garisan nipis untuk mengumpulkan kandungan dalam bekas

* Bar Alat Berlabuh ⚓: Bar alat tetap untuk tindakan yang kerap

* Bar Alat Terapung 🛠️: Bar alat dinamik untuk tindakan kontekstual

* Ikon dan Butang Bersegmen 🖼️: Butang dengan ikon atau pilihan bersegmen untuk interaksi

* Senarai Imej 🖼️: Grid atau senarai imej

* Senarai 📋: Senarai menegak untuk paparan kandungan

* Petunjuk Pemuatan 🔄: Isyarat visual untuk proses pemuatan singkat

* MaterialTextView ✍️: Komponen paparan teks dipertingkatkan untuk Bahan 3

* Menu 📜: Paparkan senarai pilihan pada permukaan sementara

* Laci Navigasi 📂: Beralih antara paparan UI pada peranti yang lebih besar

* Rel Navigasi 🚆: Beralih antara paparan UI pada peranti bersaiz sederhana

* Penunjuk Kemajuan ⏳: Tunjukkan masa menunggu atau tempoh proses yang tidak ditentukan

* Butang Radio 🔘: Pilih satu pilihan daripada satu set

* Bar Carian 🔍: Masukkan kata kunci atau frasa untuk maklumat yang berkaitan

* Kawalan Pemilihan 🎚️: Urus pilihan pengguna (kotak semak, butang radio, suis)

* Helaian: Bawah 📄: Kandungan sekunder di bahagian bawah skrin

* Helaian: Sisi 📑: Kandungan sekunder dilabuhkan pada sisi skrin

* Helaian Sisi 📘: Kandungan sekunder dilabuhkan di tepi

* Peluncur 🎚️: Buat pilihan daripada julat nilai

* Bar Snek 🔔: Kemas kini ringkas tentang proses apl di bahagian bawah skrin

* Suis 🔄: Togol pilihan item untuk hidup atau mati

* Tab 📑: Susun kandungan merentas skrin dan paparan yang berbeza

* Medan Teks ✍️: Benarkan pengguna memasukkan dan mengedit teks dalam UI

* Pemilih Masa ⏰: Bantu pengguna memilih dan menetapkan masa tertentu

* Petua alat 💡: Penerangan ringkas untuk elemen UI

🚀 Kini Tersedia di CodeCanyon

Beli versi Kotlin Bahan UIX - kit alat muktamad anda untuk menghasilkan antara muka pengguna yang anggun, moden dan responsif.

Templat Apl Moden – Kit UI Responsif dan Boleh Disesuaikan untuk:

* Karang Jetpack

* Android Kotlin

* Berkibar

👉 Dapatkannya di CodeCanyon

https://codecanyon.net/user/boltuix