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

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

ปัญหาที่พบได้ทั่วไปซึ่งควรระวัง
- ปัญหาเกี่ยวกับระยะขอบด้านบน ด้านล่าง และ/หรือด้านข้าง
- การครอบตัดข้อความ ปุ่ม หรือคอมโพเนนต์อื่นๆ
- การปรับเปลี่ยนคอมโพเนนต์ไม่เหมาะสม
- การปรับขนาดองค์ประกอบ UI ไม่สอดคล้องกัน
check_circle
แนวทางปฏิบัติแนะนำ
ตรวจสอบว่าแอปไม่มีข้อบกพร่องที่เห็นได้ชัดในหน้าจอทุกขนาด
cancel
สิ่งที่ต้องระวัง
- การจัดแนวหรือการเว้นวรรคที่ไม่เหมาะสม
- การปรับขนาดเนื้อหา UI ให้ใหญ่ขึ้นตามสัดส่วน
ขั้นตอนถัดไป: ปรับเปลี่ยนตามพื้นที่โฆษณาและเพิ่มประสิทธิภาพ
แอปที่ปรับเปลี่ยนตามอุปกรณ์และได้รับการเพิ่มประสิทธิภาพใช้เลย์เอาต์ที่ปรับเปลี่ยนตามอุปกรณ์ซึ่งปรับให้เหมาะกับขนาดหน้าจอต่างๆ โดยอัตโนมัติ มอบคุณค่าเพิ่มเติมให้แก่ผู้ใช้ และมอบประสบการณ์การใช้งานที่มีประสิทธิภาพและน่ามีส่วนร่วม
เริ่มต้นใช้งาน
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา Java และ OpenJDK เป็นเครื่องหมายการค้าหรือเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-27 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2025-07-27 UTC"],[],[],null,["# Be ready for all screen sizes\n\nA minimum quality bar for experiences across all screen sizes on Wear OS\n------------------------------------------------------------------------\n\nThe **first** step in creating a great app for Wear OS is making your app ready\nfor all screen sizes. This means testing your app across a range of target\nscreen sizes and identifying and fixing any obvious bugs.\n\nAt this stage, your app's layout might not be ideal, but the app doesn't have\nobvious visual or interaction issues, and users can complete all task flows.\n\n\nCommon issues to look out for\n-----------------------------\n\n- Issues with top, bottom, and or side margins\n- Clipping of text, buttons, or other components\n- Improper component adaptation\n- Inconsistent scaling of UI elements\n\ncheck_circle\n\n### Best practice\n\nCheck to make sure your app has no obvious bugs across screen sizes. \ncancel\n\n### Watch out for\n\n- Awkward alignments or spacing.\n- Proportionally scaling up the UI contents.\n\nNext step: responsive and optimized\n-----------------------------------\n\nApps that are **responsive and optimized** utilize responsive layouts that\nautomatically adapt to different screen sizes, offering some additional value to\nusers and providing a productive, engaging user experience.\n\n[Get started](/design/ui/wear/guides/foundations/larger-screens-optimized)"]]