การวัดขนาด

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

ขนาดเริ่มต้น

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

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

มือถือ

ขนาด ความกว้างขั้นต่ำ ความกว้างสูงสุด ความสูงขั้นต่ำ ความสูงสูงสุด
2x1 109 306 56 130
2x2 109 306 115 276
2x3 109 306 185 422
4x1 245 624 56 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

วิดเจ็ตใน Auto

เมื่อสร้างวิดเจ็ตใน Auto วิดเจ็ตจะปรับขนาดให้ตรงกับหน้าจอของอุปกรณ์ที่ใหญ่ขึ้น ตารางกริด 2x2 จะทำงานได้ดีที่สุดในโหมดอัตโนมัติ ดูข้อมูลเพิ่มเติมได้ที่ ปรับวิดเจ็ตสำหรับรถยนต์

เบรกพอยท์

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

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

รูปที่ 1: ใช้จุดพักเพื่อทำการเปลี่ยนแปลงเลย์เอาต์ในขนาดต่างๆ

เติมขอบเขต

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

ควรทำ

ตรวจสอบว่าคอนเทนเนอร์ขยายจากขอบหนึ่งไปยังอีกขอบหนึ่งในทุกขนาด

สิ่งที่ไม่ควรทำ

เพิ่มระยะห่างจากขอบที่กำหนดเอง วิดเจ็ตควรแสดงแบบขอบจรดขอบอย่างราบรื่น

ควรทำ

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

สิ่งที่ไม่ควรทำ

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