เลย์เอาต์การออกแบบที่ปรับเปลี่ยนได้ทั่วไป
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
เลย์เอาต์การออกแบบทั่วไปหรือที่เรียกว่าเลย์เอาต์การออกแบบตามแบบฉบับเป็นเลย์เอาต์แอปที่ใช้งานได้หลากหลายและผ่านการพิสูจน์แล้วว่ามอบประสบการณ์การใช้งานที่ดีที่สุดให้แก่ผู้ใช้ในหน้าจอขนาดต่างๆ ที่พร้อมใช้งานใน Wear OS
ใช้หลักการ UI แบบปรับเปลี่ยนและแบบตอบสนองเพื่อให้ทุกคนได้รับประสบการณ์การใช้งานที่มีคุณภาพสูงสุด UI แบบปรับขนาดได้จะยืดและหดเปลี่ยนรูปแบบเพื่อใช้พื้นที่หน้าจอที่มีอยู่ให้เกิดประโยชน์สูงสุด ไม่ว่าจะแสดงผลบนหน้าจอขนาดใดก็ตาม
UI แบบปรับเปลี่ยนได้จะเปลี่ยนแปลงตามบริบทโดยใช้คอมโพเนนต์และเมธอดที่สร้างไว้ในตรรกะเลย์เอาต์โดยตรง เลย์เอาต์เหล่านี้ยังใช้จุดตัดขนาดหน้าจอด้วย ซึ่งจะใช้การออกแบบที่แตกต่างกันในหน้าจอขนาดต่างๆ เพื่อสร้างประสบการณ์การใช้งานที่สมบูรณ์ยิ่งขึ้นสำหรับทุกคน
ใช้เลย์เอาต์ทั่วไปที่ยอมรับ
ใช้เลย์เอาต์แคนอนิกที่กําหนดไว้เพื่อช่วย UI ของคุณให้ปรับขนาดได้อย่างราบรื่นในอุปกรณ์ขนาดต่างๆ เลย์เอาต์แคนอนิกเหล่านี้มอบประสบการณ์การใช้งานที่มีคุณภาพสูงในหน้าจอทุกขนาด
การ์ด (เลย์เอาต์แบบไม่เลื่อน)
การ์ดคือเลย์เอาต์มุมมองแบบเลื่อนไม่ได้ซึ่งช่วยให้เข้าถึงข้อมูลและการดำเนินการที่ผู้ใช้จําเป็นต้องทําได้อย่างรวดเร็ว เมื่อปัดจากหน้าปัด ผู้ใช้จะเห็นความคืบหน้าในการบรรลุเป้าหมายการออกกำลังกาย ตรวจสอบสภาพอากาศ และอื่นๆ เปิดแอปหรือทำงานสำคัญให้เสร็จได้อย่างรวดเร็วจากการ์ด
แอป (เลย์เอาต์แบบเลื่อน)
เลย์เอาต์มุมมองแอปแบบเลื่อนประกอบด้วยรายการ (ScalingLazyColumn) และกล่องโต้ตอบ
เลย์เอาต์เหล่านี้ประกอบกันเป็นหน้าจอแอปส่วนใหญ่ และแสดงถึงคอลเล็กชันคอมโพเนนต์ที่ต้องปรับให้เข้ากับหน้าจอขนาดใหญ่ขึ้น
แอป (เลย์เอาต์แบบไม่เลื่อน)
เลย์เอาต์มุมมองแอปที่เลื่อนไม่ได้ ได้แก่ โปรแกรมเล่นสื่อ เครื่องมือเลือก ตัวสลับ กล่องโต้ตอบบางรายการ และหน้าจอฟิตเนสหรือหน้าจอติดตามแบบพิเศษที่ใช้ตัวบ่งชี้ความคืบหน้า
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา Java และ OpenJDK เป็นเครื่องหมายการค้าหรือเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-26 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-26 UTC"],[],[],null,["# Common adaptive design layouts\n\nCommon design layouts---also known as canonical design layouts---are proven,\nversatile app layouts that provide an optimal user experience on the wide\nvariety of screen sizes that are available with Wear OS.\n\nUse adaptive and responsive UI principles to deliver the highest quality\nexperience for everyone. Adaptive UIs stretch and change to make the most of\nall available screen space, no matter what size screen they're rendered on.\n\nAdaptive UIs change responsively, using components and methods built directly\ninto the layout logic. These layouts also utilize screen size\nbreakpoints---applying a different design on different screen sizes---to create an\neven richer experience for everyone.\n\nUse established common layouts\n------------------------------\n\nUse established canonical layouts to help your UIs adapt smoothly across a\nrange of device sizes. These canonical layouts offer a high quality experience\nacross all screen sizes.\n\n\n**Tiles (non-scrolling layouts)**\n\nTiles are non-scrolling view layouts which provide quick access to information\nand actions users need to get things done. With a swipe from the watch face, a\nuser can see how they are progressing towards their fitness goals, check the\nweather, and more. Launch an app or get essential tasks done quickly from tiles. \n\n**Apps (scrolling layouts)**\n\nScrolling app view layouts include lists (`ScalingLazyColumn`) and dialogs.\nThese layouts make up the majority of app screens, and they represent a\ncollection of components which need to adapt to larger screen sizes. \n\n**Apps (non-scrolling layouts)**\n\nNon-scrolling app view layouts include media players, pickers, switchers, some\ndialogs, and special fitness or tracking screens that use progress indicators.\n\n\u003cbr /\u003e"]]
