สร้างเลย์เอาต์วิดเจ็ตที่มีประสิทธิภาพโดยระบุเนื้อหาหลักก่อน เลย์เอาต์จะเป็นตัวกำหนดวิธีจัดระเบียบข้อมูลและองค์ประกอบแบบอินเทอร์แอกทีฟภายในวิดเจ็ต Android มีเลย์เอาต์ที่สร้างไว้ล่วงหน้าหลายแบบสำหรับวิดเจ็ตแถบเครื่องมือ ข้อความ รายการ และแบบตารางกริดเพื่อลดความซับซ้อนของกระบวนการนี้
ข้อความ
เลย์เอาต์ข้อความเหมาะอย่างยิ่งสำหรับการแสดงข้อมูลที่กระชับ คุณสามารถเพิ่มรูปภาพข้างข้อความเพื่อเพิ่มความน่าสนใจให้กับวิดเจ็ตได้
เหมาะสำหรับชื่อ การอัปเดตสถานะ คำอธิบายสั้นๆ หรือสถานการณ์ใดก็ตาม ที่ข้อความบรรทัดเดียวสื่อสารข้อความได้อย่างมีประสิทธิภาพ
ใส่รูปภาพเพื่อเพิ่มผลลัพธ์ด้านภาพ ดูข้อมูลเพิ่มเติมได้ที่ จุดพัก เพื่อดูวิธีปรับเลย์เอาต์นี้ให้เหมาะกับหน้าจอขนาดต่างๆ
แถบเครื่องมือ
ใช้เลย์เอาต์แถบเครื่องมือเพื่อให้ผู้ใช้เข้าถึงงานที่ใช้บ่อยในแอปได้อย่างรวดเร็วในเลย์เอาต์ที่ยืดหยุ่นซึ่งปรับให้เหมาะกับขนาดวิดเจ็ตต่างๆ
เลย์เอาต์แถบเครื่องมือค้นหาได้รับการออกแบบมาโดยเฉพาะเพื่อดึงดูดความสนใจไปที่การค้นหา ในฐานะฟังก์ชันหลักในแถบเครื่องมือ ปุ่มที่มีประโยชน์เพิ่มเติมสามารถให้ การเข้าถึงฟังก์ชันที่ใช้บ่อยได้อย่างรวดเร็ว
แถบเครื่องมือจะแสดงการสร้างแบรนด์ของแอป ตามด้วยปุ่มสำหรับงานที่ใช้บ่อยที่สุด ซึ่งเหมาะสำหรับการตั้งค่าที่สลับได้หรือลิงก์งาน เมื่อปรับขนาด ตัวเลือกที่ใช้ไม่บ่อย จะซ่อนไว้เพื่อแสดงการดำเนินการที่ใช้กันโดยทั่วไปมากกว่า ใช้ จุดพัก เพื่อเพิ่มปุ่มใหม่ที่แตะได้ขนาดต่ำสุด 48dp เมื่อมีพื้นที่
รายการ
ใช้เลย์เอาต์รายการเพื่อจัดระเบียบหลายรายการในรูปแบบที่ชัดเจนและสแกนได้ เหมาะอย่างยิ่งสำหรับพาดหัวข่าว รายการสิ่งที่ต้องทำ หรือข้อความ จัดระเบียบเนื้อหาเป็นรายการที่มีโครงสร้างและสแกนได้ เลือกระหว่างการนำเสนอแบบมีคอนเทนเนอร์หรือไม่มีคอนเทนเนอร์ตามความต้องการเนื้อหา
รายการข้อความและรูปภาพที่สแกนได้เหมาะอย่างยิ่งสำหรับการแสดงเนื้อหาหลายประเภท เช่น พาดหัวข่าว เพลย์ลิสต์ที่มีปกอัลบั้ม หรือข้อความ
เลย์เอาต์เช็กลิสต์เหมาะอย่างยิ่งสำหรับการแสดงงาน โดยมีเป้าหมายการแตะที่ชัดเจน เพื่อให้ผู้ใช้ทำเครื่องหมายรายการว่าเสร็จแล้วได้อย่างรวดเร็ว
จัดกลุ่มการควบคุมที่ใช้งานง่ายด้วยรายการการดำเนินการ ซึ่งสถานะเปิด/ปิด แบบภาพจะให้ความคิดเห็นทันทีเกี่ยวกับสถานะของรายการ
ตารางกริด
แสดงรูปภาพในตารางกริดที่กะทัดรัด ยืดหยุ่น และสวยงาม พร้อมป้ายกำกับที่ไม่บังคับ ใช้คอลัมน์และแถวที่ปรับให้เหมาะกับหน้าจอขนาดต่างๆ
สร้างแกลเลอรีรูปภาพที่เลื่อนได้และน่าประทับใจด้วยสายตาโดยใช้ตารางกริดรูปภาพเท่านั้น แถวและคอลัมน์จะปรับให้เหมาะกับหน้าจอขนาดต่างๆ โดยอัตโนมัติเพื่อให้แสดงผลได้ดีที่สุด
นอกจากนี้ คุณยังสามารถใส่ป้ายกำกับและคำอธิบายข้อความเพื่อเพิ่มบริบทและข้อมูลให้กับเนื้อหาตารางกริดรูปภาพได้ด้วย
ตัวอย่างโค้ด
ตารางต่อไปนี้แสดงการแมปเลย์เอาต์ Canonical แต่ละรายการกับการใช้งาน Jetpack Glance ที่เกี่ยวข้องใน ที่เก็บ Android Platform Samples บน GitHub
| เลย์เอาต์ Canonical | หมวดหมู่เลย์เอาต์ | ไฟล์ตัวอย่างการใช้งาน |
|---|---|---|
| ข้อความเท่านั้น | ข้อความ | LongTextAppWidget.kt |
| ข้อความและรูปภาพ | ข้อความ | TextWithImageAppWidget.kt |
| แถบเครื่องมือค้นหา | แถบเครื่องมือ | SearchToolBarAppWidget.kt |
| แถบเครื่องมือ (มาตรฐาน) | แถบเครื่องมือ | ToolBarAppWidget.kt |
| รายการข้อความและรูปภาพ | รายการ | ImageTextListAppWidget.kt |
| เช็กลิสต์ | รายการ | CheckListAppWidget.kt |
| รายการการดำเนินการ | รายการ | ActionListAppWidget.kt |
| รูปภาพเท่านั้น | ตารางกริด | ImageGridAppWidget.kt |
| รูปภาพและข้อความ | ตารางกริด | ImageGridAppWidget.kt |