คอมโพเนนต์ Material ใน Compose
Jetpack Compose มีการใช้งาน Material Design ซึ่งเป็นระบบการออกแบบที่ครอบคลุมสำหรับการสร้างอินเทอร์เฟซดิจิทัล คุณสามารถใช้ฟังก์ชันที่ประกอบได้เพื่อใช้คอมโพเนนต์ Material
การดำเนินการ
ปุ่ม
ปุ่มจะแจ้งให้ดำเนินการส่วนใหญ่ใน UI
ปุ่มการทำงานแบบลอย
ปุ่มการทำงานแบบลอย (FAB) ช่วยให้ผู้ใช้ดำเนินการหลักได้
ปุ่มไอคอน
ปุ่มไอคอนช่วยให้ผู้ใช้ดำเนินการเล็กๆ น้อยๆ ได้ด้วยการแตะเพียงครั้งเดียว
ปุ่มแบ่งกลุ่ม
ปุ่มที่แบ่งกลุ่มช่วยให้ผู้ใช้เลือกตัวเลือก สลับมุมมอง หรือจัดเรียงองค์ประกอบ
การสื่อสาร
ป้าย
ป้ายจะแสดงการแจ้งเตือน จำนวน หรือข้อมูลสถานะในรายการการนำทางและไอคอน
สัญญาณบอกสถานะความคืบหน้า
ตัวบ่งชี้ความคืบหน้าจะแสดงเวลารอที่ไม่ระบุหรือระยะเวลาของกระบวนการ
แถบแสดงข้อความ
แถบแสดงข้อความจะแสดงข้อมูลอัปเดตสั้นๆ เกี่ยวกับกระบวนการของแอปที่ด้านล่างของหน้าจอ
เคล็ดลับเครื่องมือ
เคล็ดลับเครื่องมือจะแสดงป้ายกำกับหรือข้อความสั้นๆ
การควบคุมไฟ
Bottom Sheet
Bottom Sheet จะแสดงเนื้อหาที่สองซึ่งตรึงไว้ที่ด้านล่างของหน้าจอ
การ์ด
การ์ดจะแสดงเนื้อหาและการดำเนินการเกี่ยวกับเรื่องใดเรื่องหนึ่ง
ภาพสไลด์
ภาพหมุนจะแสดงคอลเล็กชันของรายการที่เลื่อนเข้าและออกจากหน้าจอได้
กล่องโต้ตอบ
กล่องโต้ตอบจะแสดงพรอมต์ที่สำคัญในโฟลว์ของผู้ใช้
ตัวแบ่ง
ตัวแบ่งคือเส้นบางๆ ที่จัดเนื้อหาในรายการหรือคอนเทนเนอร์อื่นๆ ไว้เป็นกลุ่ม
การนำทาง
แถบแอป
แถบแอปจะอยู่ที่ด้านบนของหน้าจอเพื่อช่วยให้ผู้ใช้ไปยังส่วนต่างๆ ได้
แถบนำทาง
แถบนำทางช่วยให้ผู้ใช้สลับมุมมอง UI ในอุปกรณ์ขนาดเล็กได้
ลิ้นชักการนำทาง
ลิ้นชักการนำทางช่วยให้ผู้ใช้สลับมุมมอง UI ในอุปกรณ์ขนาดใหญ่ได้
แถบข้างสำหรับไปยังส่วนต่างๆ
แถบนำทางช่วยให้ผู้ใช้สลับมุมมอง UI ในอุปกรณ์ขนาดกลางได้
แท็บ
แท็บช่วยจัดระเบียบเนื้อหาในหน้าจอและมุมมองต่างๆ
การเลือก
ช่องทำเครื่องหมาย
ช่องทำเครื่องหมายช่วยให้ผู้ใช้เลือกรายการอย่างน้อย 1 รายการจากรายการ หรือเปิดหรือปิดรายการ
มันฝรั่งทอด
ชิปช่วยให้ผู้ใช้ป้อนข้อมูล เลือก กรองเนื้อหา หรือทริกเกอร์การดำเนินการ
เครื่องมือเลือกวันที่
เครื่องมือเลือกวันที่ช่วยให้ผู้ใช้เลือกวันที่หรือช่วงวันที่ได้
เมนู
เมนูจะแสดงรายการตัวเลือกบนพื้นผิวชั่วคราว
ปุ่มตัวเลือก
ปุ่มตัวเลือกช่วยให้ผู้ใช้เลือก 1 ตัวเลือกจากชุดตัวเลือก
แถบเลื่อน
แถบเลื่อนช่วยให้ผู้ใช้เลือกจากช่วงของค่าได้
เปลี่ยน
สวิตช์จะสลับการเลือกรายการเปิดหรือปิด
เครื่องมือเลือกเวลา
เครื่องมือเลือกเวลาช่วยให้ผู้ใช้เลือกและตั้งเวลาที่ต้องการได้
การป้อนข้อความ
ค้นหา
การค้นหาช่วยให้ผู้ใช้ป้อนคีย์เวิร์ดหรือวลีเพื่อรับข้อมูลที่เกี่ยวข้อง
ช่องข้อความ
ช่องข้อความให้ผู้ใช้ป้อนข้อความใน UI
รายการและตารางกริด
ดูวิธีใช้เลย์เอาต์พื้นฐานใน Compose
ทรัพยากร
ดูวิธีจัดการทรัพยากร เช่น สตริงและรูปภาพ