Material Design Components

M3 Catalog 🚀
แอปนี้มีไว้สำหรับสาธิตการใช้งานของนักพัฒนา

📚 โค้ดต้นฉบับ: GitHub - Material Design Components
https://github.com/boltuix-store/Material-Design-Components

📖 เอกสารประกอบ: แนวทาง Material 3 ปี 2025
https://www.boltuix.com/2025/06/material-3-guidelines-2025.html

Material เป็นระบบแนวทาง ส่วนประกอบ และเครื่องมือที่ปรับเปลี่ยนได้ซึ่งรองรับแนวทางปฏิบัติที่ดีที่สุดในการออกแบบอินเทอร์เฟซผู้ใช้ ด้วยโค้ดโอเพนซอร์สที่รองรับ Material ทำให้การทำงานร่วมกันระหว่างนักออกแบบและนักพัฒนาเป็นไปอย่างราบรื่น ช่วยให้ทีมงานสร้างผลิตภัณฑ์ที่สวยงามได้อย่างรวดเร็ว 🌟

ส่วนประกอบ 🛠️
ส่วนประกอบ Material คือส่วนประกอบแบบโต้ตอบสำหรับสร้างอินเทอร์เฟซผู้ใช้

นี่คือรายการที่ครอบคลุมพร้อมส่วนประกอบเพิ่มเติม:

* Adaptive 🖥️: เค้าโครงที่ยืดหยุ่นสำหรับขนาดหน้าจอต่างๆ
* App Bars: ด้านล่าง 📱: แถบการนำทางและการทำงานที่ด้านล่างของหน้าจอ
* App Bars: ด้านบน 📍: แถบการนำทางที่ด้านบนของหน้าจอ
* ฉากหลัง 🎨: เนื้อหาแบบเลเยอร์พร้อมมุมมองด้านหน้าและด้านหลัง
* Badges 🔔: Badges สำหรับการแจ้งเตือนหรือสถานะบนองค์ประกอบ UI (BadgeDrawable)
* Banners 📢: ข้อความชั่วคราวสำหรับความสนใจของผู้ใช้
* การนำทางด้านล่าง 🧭: สลับระหว่างมุมมอง UI ที่ด้านล่าง
* แผ่นด้านล่าง ⬇️: เนื้อหารองที่ยึดไว้ที่ด้านล่างของหน้าจอ
* ปุ่ม 👆: ส่วนประกอบหลักสำหรับการกระตุ้นการทำงานใน UI
* ปุ่ม: ปุ่มการทำงานแบบลอย (FAB) ➕: ปุ่มการทำงานแบบลอยสำหรับการทำงานหลัก
* เมนู FAB 🔄: เมนูที่ขยายจาก FAB สำหรับการทำงานที่เกี่ยวข้อง
* การ์ด 🗂️: แสดงเนื้อหาและการกระทำสำหรับหัวข้อเดียว
* แถบเลื่อน 🎠: คอลเล็กชั่นรายการที่เลื่อนได้บนหน้าจอและนอกหน้าจอ
* ช่องกาเครื่องหมาย ✅: เลือกรายการหนึ่งรายการขึ้นไปหรือเปิด/ปิด
* ชิป 🏷️: ป้อนข้อมูล เลือกรายการ กรอง หรือเรียกใช้การดำเนินการ
* ตารางข้อมูล 📊: จัดระเบียบและแสดงข้อมูลที่มีโครงสร้าง
* ตัวเลือกวันที่ 📅: เลือกวันที่หรือช่วงวันที่
* กล่องโต้ตอบ ❗: คำเตือนที่สำคัญในโฟลว์ของผู้ใช้
* ตัวแบ่ง ➖: เส้นบางๆ เพื่อจัดกลุ่มเนื้อหาในคอนเทนเนอร์
* แถบเครื่องมือที่ยึดไว้ ⚓: แถบเครื่องมือคงที่สำหรับการดำเนินการบ่อยครั้ง
* แถบเครื่องมือแบบลอย 🛠️: แถบเครื่องมือแบบไดนามิกสำหรับการดำเนินการตามบริบท
* ไอคอนและปุ่มแบบแบ่งส่วน 🖼️: ปุ่มที่มีไอคอนหรือตัวเลือกแบบแบ่งส่วนสำหรับการโต้ตอบ
* รายการรูปภาพ 🖼️: ตารางหรือรายการรูปภาพ
* รายการ 📋: รายการแนวตั้งสำหรับการแสดงเนื้อหา
* ตัวบ่งชี้การโหลด 🔄: ภาพ คำแนะนำสำหรับกระบวนการโหลดสั้น ๆ
* MaterialTextView ✍️: ส่วนประกอบการแสดงข้อความที่ปรับปรุงสำหรับ Material 3
* เมนู 📜: แสดงรายการตัวเลือกบนพื้นผิวชั่วคราว
* ลิ้นชักการนำทาง 📂: สลับระหว่างมุมมอง UI บนอุปกรณ์ขนาดใหญ่
* รางการนำทาง 🚆: สลับระหว่างมุมมอง UI บนอุปกรณ์ขนาดกลาง
* ตัวบ่งชี้ความคืบหน้า ⏳: แสดงเวลาการรอหรือระยะเวลาของกระบวนการที่ไม่ได้ระบุ
* ปุ่มตัวเลือก 🔘: เลือกหนึ่งตัวเลือกจากชุด
* แถบค้นหา 🔍: ป้อนคำสำคัญหรือวลีสำหรับข้อมูลที่เกี่ยวข้อง
* การควบคุมการเลือก 🎚️: จัดการการเลือกของผู้ใช้ (ช่องกาเครื่องหมาย ปุ่มตัวเลือก สวิตช์)
* แผ่นงาน: ด้านล่าง 📄: เนื้อหารองที่ด้านล่างของหน้าจอ
* แผ่นงาน: ด้านข้าง 📑: เนื้อหารองที่ยึดกับด้านข้างของหน้าจอ
* แผ่นงานด้านข้าง 📘: เนื้อหารองที่ยึดกับด้านข้าง
* สไลเดอร์ 🎚️: เลือกจากช่วงของ ค่า
* Snackbars 🔔: อัปเดตสั้นๆ เกี่ยวกับกระบวนการแอปที่ด้านล่างของหน้าจอ
* สวิตช์ 🔄: เปิดหรือปิดการเลือกไอเท็ม
* แท็บ 📑: จัดระเบียบเนื้อหาในหน้าจอและมุมมองต่างๆ
* ช่องข้อความ ✍️: อนุญาตให้ผู้ใช้ป้อนและแก้ไขข้อความใน UI
* ตัวเลือกเวลา ⏰: ช่วยให้ผู้ใช้เลือกและตั้งเวลาที่ต้องการ
* คำแนะนำ 💡: คำอธิบายสั้นๆ สำหรับองค์ประกอบ UI

🚀 พร้อมใช้งานแล้วบน CodeCanyon
ซื้อ Material UIX เวอร์ชัน Kotlin - ชุดเครื่องมือขั้นสูงสุดสำหรับการสร้างอินเทอร์เฟซผู้ใช้ที่ทันสมัยและตอบสนองได้

เทมเพลตแอปที่ทันสมัย ​​- ชุด UI ที่ตอบสนองและปรับแต่งได้สำหรับ:
* Jetpack Compose
* Android Kotlin
* Flutter

👉 รับได้ที่ CodeCanyon
https://codecanyon.net/user/boltuix