ออกแบบเลย์เอาต์วิดเจ็ตที่มีประสิทธิภาพด้วยการระบุเนื้อหาหลักของคุณก่อน บัญชี จะกำหนดว่าข้อมูลและองค์ประกอบแบบอินเทอร์แอกทีฟมีการจัดระเบียบอย่างไร วิดเจ็ตของคุณ Android มีเลย์เอาต์ที่สร้างไว้ล่วงหน้าหลายแบบสำหรับข้อความ รายการ และ วิดเจ็ตแบบตารางกริดเพื่อปรับปรุงกระบวนการนี้ให้ง่ายขึ้น
ข้อความ
เลย์เอาต์ข้อความเหมาะอย่างยิ่งสำหรับการแสดงข้อมูลที่กระชับ ปรับปรุงภาพ ของวิดเจ็ตคุณได้โดยไม่บังคับ จะใส่รูปภาพไว้ข้างข้อความ
เหมาะสำหรับชื่อ การอัปเดตสถานะ คำอธิบายสั้นๆ หรือสถานการณ์ต่างๆ โดยมีข้อความบรรทัดเดียวถ่ายทอดข้อความได้อย่างมีประสิทธิภาพ โปรดดู ตัวอย่างเลย์เอาต์ Canonical สำหรับคำแนะนำเกี่ยวกับการปรับขนาดเนื้อหาข้อความแบบไดนามิกตามขนาดวิดเจ็ต
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Text_only.jpg?hl=th)
ใส่รูปภาพเพื่อให้ภาพดูน่าสนใจมากขึ้น สำหรับข้อมูลเพิ่มเติม โปรดดู เบรกพอยท์ เพื่อดูวิธีปรับเลย์เอาต์นี้สำหรับหน้าจอขนาดต่างๆ
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Text_and_Image.jpg?hl=th)
รายการ
ใช้เลย์เอาต์รายการเพื่อจัดระเบียบรายการหลายรายการในรูปแบบที่ชัดเจนและสแกนได้ ช่วงเวลานี้ เหมาะสำหรับพาดหัวข่าว รายการสิ่งที่ต้องทำ หรือข้อความ จัดระเบียบเนื้อหาเป็น รายการที่มีโครงสร้างและสามารถอ่านได้ง่าย เลือกระหว่างสร้างโดยใช้คอนเทนเนอร์หรือไม่มีคอนเทนเนอร์ งานนำเสนอตามความต้องการเนื้อหาของคุณ
รายการข้อความและรูปภาพที่สแกนได้ง่ายเหมาะสำหรับการแสดง ประเภทเนื้อหา เช่น พาดหัวข่าว เพลย์ลิสต์ที่มีปกอัลบั้ม หรือ ข้อความ
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Text_Image.jpg?hl=th)
เลย์เอาต์เช็กลิสต์นั้นเหมาะอย่างยิ่งสำหรับการแสดงงาน และให้การแตะที่ชัดเจน เพื่อให้ผู้ใช้ทำเครื่องหมายรายการว่าเสร็จสิ้นได้โดยง่าย
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Checklist.jpg?hl=th)
ให้การจัดกลุ่มการควบคุมที่ใช้งานง่ายด้วยรายการการดำเนินการ ที่เปิด/ปิดภาพได้ สถานะต่างๆ จะให้ผลตอบรับเกี่ยวกับสถานะรายการโดยทันที
![](https://developer.android.com/static/images/design/ui/mobile/widgets/03_Action_List.jpg?hl=th)
เส้นตาราง
นำเสนอรูปภาพในตารางกริดที่กะทัดรัด ยืดหยุ่น และเต็มไปด้วยรูปภาพ พร้อมป้ายกำกับที่เป็นตัวเลือก ใช้คอลัมน์และแถวที่ปรับให้เข้ากับหน้าจอขนาดต่างๆ
สร้างแกลเลอรีภาพที่เลื่อนได้และน่าดึงดูดโดยใช้รูปภาพเท่านั้น ตารางกริด แถวและคอลัมน์จะปรับตามขนาดหน้าจอต่างๆ โดยอัตโนมัติสำหรับ งานนำเสนอที่มีประสิทธิภาพสูงสุด
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Image_Only.jpg?hl=th)
คุณยังสามารถใส่ข้อความกำกับและคำอธิบายเพื่อให้ เนื้อหาในตารางรูปภาพพร้อมบริบทและข้อมูลเพิ่มเติม
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Image_and_Text.jpg?hl=th)