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