ออกแบบวิดเจ็ต Android แบบปรับเปลี่ยนได้ซึ่งปรับขนาดได้อย่างราบรื่น ใช้คำแนะนำจากเรา ขนาดเริ่มต้นเป็นจุดเริ่มต้น และทดสอบเลย์เอาต์ในหลายๆ รูปแบบ เพื่อให้อ่านง่ายและประสบการณ์ของผู้ใช้ดีที่สุด
ขนาดเริ่มต้น
มอบประสบการณ์การใช้วิดเจ็ตที่สวยงามโดยเพิ่มประสิทธิภาพเลย์เอาต์ของคุณอย่างน้อย 1 รายการ
จากขนาดที่เราแนะนำ ตรวจสอบว่าการวางตำแหน่งและระดับการมองเห็นที่ถูกต้องในวิดเจ็ต
โดยกำหนดแอตทริบิวต์ targetCellWidth และ targetCellHeight สำหรับทั้ง 2 แอตทริบิวต์
มือถือและแท็บเล็ต
โดยค่าเหล่านี้อิงตามอุปกรณ์ Pixel ใช้ขนาดเหล่านี้เป็นจุดเริ่มต้น เข้ากับการออกแบบวิดเจ็ต ทดสอบวิดเจ็ตของคุณอย่างละเอียด ตามขนาดและเปิด อุปกรณ์ที่หลากหลายเพื่อให้ประสบการณ์ของผู้ใช้มีคุณภาพ
มือถือ
| ขนาด | ความกว้างขั้นต่ำ | ความกว้างสูงสุด | ความสูงขั้นต่ำ | ความสูงสูงสุด |
|---|---|---|---|---|
| แบบ 2X1 | 109 | 306 | 44 | 130 |
| แบบ 2X2 | 109 | 306 | 115 | 276 |
| แบบ 2X3 | 109 | 306 | 185 | 422 |
| แบบ 4X1 | 245 | 624 | 44 | 130 |
| แบบ 4X2 | 245 | 624 | 115 | 276 |
| แบบ 4X3 | 245 | 624 | 185 | 422 |
แท็บเล็ต
| ขนาด | ความกว้างขั้นต่ำ | ความกว้างสูงสุด | ความสูงขั้นต่ำ | ความสูงสูงสุด |
|---|---|---|---|---|
| แบบ 2X1 | 180 | 304 | 64 | 120 |
| แบบ 2X2 | 180 | 304 | 184 | 304 |
| แบบ 2X3 | 180 | 304 | 304 | 488 |
| แบบ 3X1 | 328 | 488 | 64 | 120 |
| แบบ 3X2 | 298 | 488 | 184 | 304 |
| แบบ 3X3 | 298 | 488 | 304 | 488 |
| แบบ 3X4 | 298 | 488 | 424 | 672 |
เบรกพอยท์
เบรกพอยท์เป็นสิ่งจำเป็นในการสร้างสรรค์และปรับขนาดได้ง่ายและปรับเปลี่ยนได้ วิดเจ็ต การทดสอบการออกแบบจะช่วยให้คุณระบุเกณฑ์ขนาดที่มีเลย์เอาต์ จำเป็นต้องปรับเปลี่ยน ใช้เบรกพอยท์เพื่อทริกเกอร์การเปลี่ยนแปลงเหล่านี้ ตรวจสอบให้แน่ใจว่าวิดเจ็ตของคุณรักษาภาพลักษณ์และฟังก์ชันการทำงานไว้ได้ในทุกขนาด
เบรกพอยท์ยังมีความยืดหยุ่นในการรวมหรือยกเว้นแบบมีเงื่อนไข เนื้อหาเสริม การเพิ่มประสิทธิภาพการใช้พื้นที่ตาม
เติมเต็มขอบเขต
สาเหตุหลักที่ผู้ใช้นำวิดเจ็ตออกนั้นเกิดจากไม่สอดคล้องกับ องค์ประกอบหน้าจอหลักอื่นๆ เพื่อป้องกันเหตุการณ์นี้ ให้ดูแลให้วิดเจ็ตเติมเต็มสิ่งที่อยู่ พื้นที่ตารางกริดนั้นทั้งหมด
ควรทำ
ไม่ควรทำ
ควรทำ
