เพิ่มประสิทธิภาพหน้าจอขนาดใหญ่
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
ระดับ 2 — หลักเกณฑ์คุณภาพของแอปบนหน้าจอขนาดใหญ่ที่เตรียมแอปให้พร้อมแสดงผลบนหน้าจอขนาดใหญ่และขนาดเล็ก
แอปที่เพิ่มประสิทธิภาพสำหรับหน้าจอขนาดใหญ่ใช้ประโยชน์จากจอแสดงผลขนาดใหญ่ของอุปกรณ์หน้าจอขนาดใหญ่เพื่อมอบประสบการณ์การใช้งานที่มีประสิทธิภาพและน่าสนใจแก่ผู้ใช้
แอปที่ได้รับการเพิ่มประสิทธิภาพสร้างขึ้นโดยใช้เลย์เอาต์แบบปรับเปลี่ยนตามอุปกรณ์/แบบตอบสนองที่สอดคล้องกับการวางแนวแนวตั้งและแนวนอน โหมดหลายหน้าต่าง และสถานะอุปกรณ์แบบพับและไม่พับ แถบนำทางและลิ้นชักช่วยปรับปรุงอินเทอร์เฟซผู้ใช้ซึ่งจัดรูปแบบและวางองค์ประกอบต่างๆ เช่น ปุ่ม ช่องข้อความ และกล่องโต้ตอบแบบไดนามิกเพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ดีที่สุด
แอปที่เพิ่มประสิทธิภาพสำหรับหน้าจอขนาดใหญ่จะรองรับการไปยังส่วนต่างๆ ด้วยแป้นพิมพ์ แป้นพิมพ์ลัด การซูมด้วยเมาส์และแทร็กแพด "คลิกขวา" และลักษณะการโฮเวอร์
สิ่งที่ควรและไม่ควรทำ
- สร้างเลย์เอาต์แบบ 2 แผง
- ใช้เลย์เอาต์ตารางกริดและคอลัมน์
- แทนที่แถบนําทางด้วยแถบและลิ้นชักการนําทาง
- ใช้การฝังกิจกรรมในแอปแบบเดิมที่มีหลายกิจกรรม
- รองรับฟังก์ชันขั้นสูงของแป้นพิมพ์ เมาส์ และแทร็กแพด
- ยืดองค์ประกอบ UI (ช่องข้อความ ปุ่ม กล่องโต้ตอบ) ให้เต็มพื้นที่
- ยืดหรือครอบตัดรูปภาพ
- ทำให้แผงหรือชีตเต็มความกว้าง
หลักเกณฑ์
ทำตามหลักเกณฑ์ระดับ 2 เพื่อเพิ่มประสิทธิภาพแอปสำหรับหน้าจอขนาดใหญ่
รองรับหน้าจอทุกขนาดในอุปกรณ์ทุกประเภทด้วยเลย์เอาต์ที่ปรับเปลี่ยน/ตอบสนองซึ่งมอบประสบการณ์การใช้งานที่ดีที่สุดแก่ผู้ใช้
หลักเกณฑ์ LS-U1 ถึง LS-U4
อะไร
เลย์เอาต์แอปสอดคล้องกับขนาดหน้าจอขนาดใหญ่ UI ของแอปประกอบด้วย
- แถบและลิ้นชักการนำทางที่ทันสมัย
- เลย์เอาต์ตารางกริดที่รองรับการเปลี่ยนแปลงขนาดหน้าต่าง
- เลย์เอาต์คอลัมน์
- แผงด้านข้างที่เปิดอยู่โดยค่าเริ่มต้นบนหน้าจอขนาดใหญ่
เลย์เอาต์แบบ 2 หน้าจอใช้ประโยชน์จากพื้นที่หน้าจอขนาดใหญ่ แอปหลายกิจกรรมใช้การฝังกิจกรรมเพื่อสร้างเลย์เอาต์หลายแผงสำหรับกิจกรรมที่แสดงคู่กัน
เป้าหมายการสัมผัสมีขนาดใหญ่และเข้าถึงได้ รูปภาพที่วาดได้แบบอินเทอร์แอกทีฟจะโฟกัสได้
ทำไมจึงควร
อุปกรณ์หน้าจอขนาดใหญ่มีรูปแบบที่หลากหลาย ซึ่งรวมถึงแท็บเล็ต อุปกรณ์แบบพับได้ และอุปกรณ์ ChromeOS ขนาดของจอแสดงผลจะแตกต่างกันไป อุปกรณ์มักใช้ในแนวนอน (บางครั้งใช้เป็นหลัก)
รองรับอุปกรณ์อินพุตฮาร์ดแวร์ภายนอกเพื่อเพิ่มความสามารถใช้งานแอปและความพึงพอใจของผู้ใช้
หลักเกณฑ์ LS-I3 ถึง LS-I9
อะไร
แอปรองรับการป้อนข้อมูลด้วยแป้นพิมพ์ เมาส์ และแทร็กแพดได้ดียิ่งขึ้น เข้าถึงเมนูตัวเลือกได้โดยคลิกขวาของเมาส์และแทร็กแพด (ปุ่มเมาส์รองหรือการแตะรอง) คุณซูมเนื้อหาแอปได้โดยใช้ปุ่มลูกกลิ้งของเมาส์และท่าทางสัมผัสการบีบบนแทร็กแพด องค์ประกอบ UI มีสถานะโฮเวอร์
ทำไมจึงควร
อุปกรณ์ต่อพ่วง เช่น แป้นพิมพ์ เมาส์ และแทร็กแพดมักจะเชื่อมต่อกับอุปกรณ์หน้าจอขนาดใหญ่ โดยทั่วไปอุปกรณ์ ChromeOS จะมีแป้นพิมพ์และแทร็กแพดในตัว ผู้ใช้คุ้นเคยกับการใช้แป้นพิมพ์ลัด ปุ่มเมาส์หลายปุ่ม ล้อเลื่อนของเมาส์ และท่าทางสัมผัสของแทร็กแพด
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา 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,["# Large screen optimized\n\nTIER 2 --- [Large screen app\nquality](/docs/quality-guidelines/large-screen-app-quality) guidelines that\nprepare your app for displays large and small.\n\nAPPS OPTIMIZED FOR LARGE SCREENS take advantage of the expansive displays of\nlarge screen devices to provide a productive, engaging user experience.\n\nOptimized apps are built with responsive/adaptive layouts that conform to\nportrait and landscape orientations, multi‑window mode, and folded and\nunfolded device states. Navigation rails and drawers enhance a user interface\nthat dynamically formats and positions elements such as buttons, text fields,\nand dialogs for an optimal user experience.\n\nApps optimized for large screens provide support for keyboard navigation,\nkeyboard shortcuts, and mouse and trackpad zoom, \"right‑click,\" and hover\nbehavior.\n\nDo's and don'ts\n---------------\n\ncheck_circle\n\n### Do\n\n- Create two-pane layouts\n- Use grid and column layouts\n- Replace navigation bars with navigation rails and drawers\n- Use activity embedding in legacy, multi-activity apps\n- Support advanced keyboard, mouse, and trackpad functionality \ncancel\n\n### Don't\n\n- Stretch UI elements (text fields, buttons, dialogs) to fill extra space\n- Stretch or crop images\n- Make panels or sheets full width\n\nGuidelines\n----------\n\nFollow the Tier 2 guidelines to optimize your apps for large screens. \n\n### [UX](/docs/quality-guidelines/large-screen-app-quality#t2_ux)\n\nSupport screens of all sizes on devices of all kinds with responsive/adaptive layouts that provide an optimal user experience.\n\nGuidelines [LS-U1](/docs/quality-guidelines/large-screen-app-quality#LS-U1) through [LS-U4](/docs/quality-guidelines/large-screen-app-quality#LS-U4) \n\n#### What\n\nApp layouts conform to large screen dimensions. App UI includes:\n\n- Leading-edge navigation rails and drawers\n- Grid layouts that accommodate window size changes\n- Column layouts\n- Trailing-edge panels that are open by default on large screens\n\nTwo-pane layouts take advantage of large screen space. Multi‑activity apps implement activity embedding to create multi‑pane layouts of activities side by side.\n\nTouch targets are large and reachable. Interactive drawables are focusable. \n\n#### Why\n\nLarge screen devices encompass a variety of form factors, including tablets, foldables, and ChromeOS devices. Display sizes vary. Devices are often---sometimes primarily---used in landscape orientation. \n\n#### How\n\nSee the [UX](/guide/topics/large-screens/ux) overview. \n\n### [Keyboard, mouse, and trackpad](/docs/quality-guidelines/large-screen-app-quality#t2_keyboard_mouse_trackpad)\n\nSupport external hardware input devices to increase app usability and user satisfaction.\n\nGuidelines [LS-I3](/docs/quality-guidelines/large-screen-app-quality#LS-I3) through [LS-I9](/docs/quality-guidelines/large-screen-app-quality#LS-I9) \n\n#### What\n\nApp provides enhanced support for keyboard, mouse, and trackpad input. Options menus are accessible by mouse and trackpad right‑click (secondary mouse button or secondary tap) behavior. App content can be zoomed using the mouse scroll wheel and trackpad pinch gestures. UI elements have hover states. \n\n#### Why\n\nPeripherals such as keyboards, mice, and trackpads are often connected to large screen devices. ChromeOS devices typically have a built‑in keyboard and trackpad. Users are accustomed to using keyboard shortcuts, multiple mouse buttons, mouse scroll wheel, and trackpad gestures. \n\n#### How\n\nSee the [Keyboard, mouse, and trackpad](/guide/topics/large-screens/keyboard-mouse-and-trackpad-tier-2) overview."]]
