เลย์เอาต์วิดเจ็ต Canonical

สร้างเลย์เอาต์วิดเจ็ตที่มีประสิทธิภาพโดยระบุเนื้อหาหลักก่อน เลย์เอาต์จะเป็นตัวกำหนดวิธีจัดระเบียบข้อมูลและองค์ประกอบแบบอินเทอร์แอกทีฟภายในวิดเจ็ต Android มีเลย์เอาต์ที่สร้างไว้ล่วงหน้าหลายแบบสำหรับวิดเจ็ตแถบเครื่องมือ ข้อความ รายการ และแบบตารางกริดเพื่อลดความซับซ้อนของกระบวนการนี้

ข้อความ

เลย์เอาต์ข้อความเหมาะอย่างยิ่งสำหรับการแสดงข้อมูลที่กระชับ คุณสามารถเพิ่มรูปภาพข้างข้อความเพื่อเพิ่มความน่าสนใจให้กับวิดเจ็ตได้

ข้อความเท่านั้น

เหมาะสำหรับชื่อ การอัปเดตสถานะ คำอธิบายสั้นๆ หรือสถานการณ์ใดๆ ที่ข้อความบรรทัดเดียวสื่อสารข้อความได้อย่างมีประสิทธิภาพ ดูคำแนะนำเกี่ยวกับการปรับขนาดเนื้อหาข้อความแบบไดนามิกตามขนาดวิดเจ็ตได้ในตัวอย่างเลย์เอาต์ Canonical

ข้อความและรูปภาพ

ใส่รูปภาพเพื่อเพิ่มผลกระทบด้านภาพ ดูข้อมูลเพิ่มเติมได้ที่ เบรกพอยท์ เพื่อดูวิธีปรับเลย์เอาต์นี้ให้เหมาะกับหน้าจอขนาดต่างๆ

แถบเครื่องมือ

ใช้เลย์เอาต์แถบเครื่องมือเพื่อให้ผู้ใช้เข้าถึงงานที่ใช้บ่อยในแอปได้อย่างรวดเร็วในเลย์เอาต์ที่ยืดหยุ่นซึ่งปรับให้เหมาะกับขนาดวิดเจ็ตต่างๆ

แถบค้นหา

เลย์เอาต์แถบค้นหาได้รับการออกแบบมาโดยเฉพาะเพื่อดึงดูดความสนใจไปที่การค้นหา ในฐานะฟังก์ชันหลักในแถบเครื่องมือ ปุ่มที่มีประโยชน์เพิ่มเติมสามารถให้ การเข้าถึงฟังก์ชันที่ใช้บ่อยได้อย่างรวดเร็ว

แถบเครื่องมือ

แถบเครื่องมือจะแสดงการสร้างแบรนด์ของแอป ตามด้วยปุ่มสำหรับงานที่ใช้บ่อยที่สุด ซึ่งเหมาะสำหรับการตั้งค่าที่สลับได้หรือลิงก์งาน เมื่อปรับขนาด ตัวเลือกที่ใช้ไม่บ่อย อาจถูกซ่อนไว้เพื่อแสดงการดำเนินการที่ใช้บ่อยกว่า ใช้ จุดพัก เพื่อเพิ่มปุ่มใหม่ที่แตะได้ขนาดต่ำสุด 48dp เมื่อมีพื้นที่

รายการ

ใช้เลย์เอาต์รายการเพื่อจัดระเบียบหลายรายการในรูปแบบที่ชัดเจนและสแกนได้ เหมาะอย่างยิ่งสำหรับพาดหัวข่าว รายการสิ่งที่ต้องทำ หรือข้อความ จัดระเบียบเนื้อหาเป็นรายการที่มีโครงสร้างและสแกนได้ เลือกระหว่างการนำเสนอแบบมีคอนเทนเนอร์หรือไม่มีคอนเทนเนอร์ตามความต้องการเนื้อหา

รายการข้อความและรูปภาพ

รายการข้อความและรูปภาพที่สแกนได้เหมาะอย่างยิ่งสำหรับการแสดงเนื้อหาหลายประเภท เช่น พาดหัวข่าว เพลย์ลิสต์พร้อมปกอัลบั้ม หรือข้อความ

เช็กลิสต์

เลย์เอาต์เช็กลิสต์เหมาะอย่างยิ่งสำหรับการแสดงงาน โดยมีเป้าหมายการแตะที่ชัดเจน เพื่อให้ผู้ใช้ทำเครื่องหมายรายการว่าเสร็จแล้วได้อย่างรวดเร็ว

รายการการดำเนินการ

จัดกลุ่มการควบคุมที่ใช้งานง่ายด้วยรายการการดำเนินการ ซึ่งสถานะเปิด/ปิด แบบภาพจะให้ความคิดเห็นทันทีเกี่ยวกับสถานะของรายการ

ตารางกริด

แสดงรูปภาพในตารางกริดที่กะทัดรัด ยืดหยุ่น และสวยงาม พร้อมป้ายกำกับที่ไม่บังคับ ใช้คอลัมน์และแถวที่ปรับให้เหมาะกับหน้าจอขนาดต่างๆ

รูปภาพเท่านั้น

สร้างแกลเลอรีรูปภาพที่เลื่อนได้และดึงดูดสายตาโดยใช้ตารางกริดแบบรูปภาพเท่านั้น แถวและคอลัมน์จะปรับให้เหมาะกับหน้าจอขนาดต่างๆ โดยอัตโนมัติเพื่อให้แสดงผลได้ดีที่สุด

รูปภาพและข้อความ

นอกจากนี้ คุณยังใส่ป้ายกำกับและคำอธิบายที่เป็นข้อความได้ด้วย ซึ่งจะช่วยเสริมเนื้อหา ตารางกริดรูปภาพด้วยบริบทและข้อมูลเพิ่มเติม