การวัดขนาด

ออกแบบวิดเจ็ต 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

เบรกพอยต์

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

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

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

กรอกข้อมูลในขอบเขต

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

ควรทำ

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

ไม่ควรทำ

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

ควรทำ

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

ไม่ควรทำ

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