ระดับ 1: พร้อมใช้งานบนหน้าจอทุกขนาด
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
ระดับนี้แสดงถึงมาตรฐานคุณภาพขั้นต่ำสำหรับประสบการณ์การใช้งานในทุกขนาดหน้าจอใน Wear OS
ขั้นตอนแรกในการสร้างแอปที่ยอดเยี่ยมสำหรับ Wear OS คือการเตรียมแอปให้พร้อมใช้งานบนหน้าจอทุกขนาด ทดสอบแอปในหน้าจอเป้าหมายขนาดต่างๆ รวมถึงระบุและแก้ไขข้อบกพร่องที่เห็นได้ชัด
ในขั้นตอนนี้ เลย์เอาต์ของแอปอาจยังไม่เหมาะ แต่ไม่ควรมีปัญหาด้านภาพหรือการโต้ตอบที่เห็นได้ชัด และผู้ใช้ควรทำตามโฟลว์งานทั้งหมดได้
สร้าง UI ที่ใช้งานได้
check_circle
ควรทำ
- ตรวจสอบว่าแอปไม่มีข้อบกพร่องที่เห็นได้ชัดในหน้าจอทุกขนาด
- ใช้ไลบรารีคอมโพเนนต์ M3 Compose ซึ่งมีลักษณะการทํางานแบบตอบสนองและปรับให้เหมาะสมในตัว
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,["# Tier 1: Ready for all screens\n\nThis tier represents a minimum quality bar for experiences across all screen\nsizes on Wear OS.\n\nThe first step in creating a great app for Wear OS is making your app ready for\nall screen sizes. Test your app across a range of target screen sizes, and\nidentify and fix any obvious bugs.\n\nAt this stage, your app's layout might not be ideal, but your app shouldn't have\nobvious visual or interaction issues, and users should be able to complete all\ntask flows.\n\nCreate a usable UI\n------------------\n\ncheck_circle\n\n### Do\n\n- Check to make sure your app has no obvious bugs across screen sizes.\n- Use the M3 Compose component library which has built-in responsive and adaptive behavior. \ncancel\n\n### Don't\n\n- Apply awkward alignments or spacing.\n- Proportionally scale up the UI content to fill the available space.\n\nExamples\n--------\n\nThe following images show examples of apps that are ready for all screen sizes.\n\n\n### Confirmation overlays\n\n\u003cbr /\u003e\n\n\n### Dialogs\n\n\u003cbr /\u003e"]]
