Dioptimalkan untuk perangkat layar besar
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
TINGKAT 2 — Pedoman Kualitas
aplikasi perangkat layar besar yang
menyiapkan aplikasi untuk layar besar dan kecil.
APLIKASI YANG DIOPTIMALKAN UNTUK LAYAR BESAR memanfaatkan layar yang luas pada
perangkat layar besar untuk memberikan pengalaman pengguna yang produktif dan menarik.
Aplikasi yang dioptimalkan dibuat dengan tata letak responsif/adaptif yang sesuai dengan
orientasi potret dan lanskap, mode multi-aplikasi, serta status perangkat terlipat dan
terbentang. Kolom samping dan panel samping navigasi meningkatkan antarmuka pengguna
yang secara dinamis memformat dan memosisikan elemen seperti tombol, kolom teks,
dan dialog untuk pengalaman pengguna yang optimal.
Aplikasi yang dioptimalkan untuk perangkat layar besar menyediakan dukungan bagi navigasi keyboard,
pintasan keyboard, serta perilaku zoom mouse dan trackpad, "klik kanan", dan pengarahan kursor.
Anjuran dan larangan
- Membuat tata letak dua panel
- Menggunakan tata letak petak dan kolom
- Mengganti menu navigasi dengan kolom samping dan panel samping navigasi
- Menggunakan penyematan aktivitas di aplikasi multi-aktivitas lama
- Mendukung fungsi keyboard, mouse, dan trackpad lanjutan
- Melebarkan elemen UI (kolom teks, tombol, dialog) untuk mengisi ruang yang masih tersisa
- Melebarkan atau memangkas gambar
- Membuat panel atau sheet dengan lebar penuh
Pedoman
Ikuti pedoman Tingkat 2 guna mengoptimalkan aplikasi Anda untuk perangkat layar besar.
Dukung semua ukuran layar di semua jenis perangkat dengan tata letak responsif/adaptif yang memberikan pengalaman pengguna yang optimal.
Pedoman LS-U1 hingga LS-U4
Apa
Tata letak aplikasi sesuai dengan dimensi perangkat layar besar. UI aplikasi mencakup:
- Kolom samping dan panel samping navigasi terdepan
- Tata letak petak yang mengakomodasi perubahan ukuran jendela
- Tata letak kolom
- Panel tepi geser yang terbuka secara default di perangkat layar besar
Tata letak dua panel memanfaatkan ruang layar besar. Aplikasi multi-aktivitas menerapkan penyematan aktivitas untuk membuat tata letak aktivitas multi-panel yang berdampingan.
Target sentuh besar dan dapat dijangkau. Drawable interaktif dapat difokuskan.
Mengapa
Perangkat layar besar mencakup berbagai faktor bentuk, termasuk tablet, perangkat foldable, dan perangkat ChromeOS. Ukuran layar bervariasi. Perangkat sering—awalnya hanya kadang-kadang—digunakan dalam orientasi lanskap.
Dukung perangkat input hardware eksternal untuk meningkatkan kegunaan aplikasi dan kepuasan pengguna.
Pedoman LS-I3 hingga LS-I9
Apa
Aplikasi memberikan dukungan yang ditingkatkan untuk input keyboard, mouse, dan trackpad. Menu opsi dapat diakses dengan perilaku klik kanan mouse dan trackpad (tombol mouse sekunder atau ketuk sekunder). Konten aplikasi dapat di-zoom menggunakan roda scroll mouse dan gestur cubit trackpad. Elemen UI memiliki status arahkan kursor.
Mengapa
Perangkat periferal seperti keyboard, mouse, dan trackpad sering terhubung ke perangkat layar besar. Perangkat ChromeOS biasanya memiliki keyboard dan trackpad bawaan. Pengguna sudah terbiasa menggunakan pintasan keyboard, beberapa tombol mouse, roda scroll mouse, dan gestur trackpad.
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-27 UTC.
[null,null,["Terakhir diperbarui pada 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."]]
