Büyük ekran optimize edildi
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
2. KATMAN: Uygulamanızı büyük ve küçük ekranlara hazırlayan büyük ekran uygulama kalitesi yönergeleri.
BÜYÜK EKRANLAR İÇİN OPTİMİZE EDİLMİŞ UYGULAMALAR, üretken ve ilgi çekici bir kullanıcı deneyimi sunmak amacıyla büyük ekranlı cihazların geniş ekranlarından yararlanır.
Optimize edilmiş uygulamalar, dikey ve yatay yönlere, çoklu pencere moduna ve katlanmış ve katlanmamış cihaz durumlarına uygun duyarlı/uyarlanabilir düzenler kullanılarak geliştirilir. Gezinme rayları ve çekmeceler, optimal bir kullanıcı deneyimi için düğmeler, metin alanları ve iletişim kutuları gibi öğeleri dinamik olarak biçimlendirip konumlandıran bir kullanıcı arayüzünü iyileştirir.
Büyük ekranlar için optimize edilmiş uygulamalar; klavye gezinme, klavye kısayolları, fare ve izleme paneli yakınlaştırma, "sağ tıklama" ve fareyle üzerine gelme davranışlarını destekler.
Yapılması ve yapılmaması gerekenler
check_circle
Yapılması gerekenler
- İki bölmeli düzenler oluşturma
- Izgara ve sütun düzenlerini kullanma
- Gezinme çubuklarını gezinme rayları ve çekmecelerle değiştirme
- Eski, çok etkinliğe sahip uygulamalarda etkinlik yerleştirmeyi kullanma
- Gelişmiş klavye, fare ve izleme paneli işlevlerini destekleme
cancel
Yapılmaması gerekenler:
- Fazla alanı doldurmak için kullanıcı arayüzü öğelerini (metin alanları, düğmeler, iletişim kutuları) germe
- Resimleri uzatma veya kırpma
- Panelleri veya sayfaları tam genişlikte yapma
Kurallar
Uygulamalarınızı büyük ekranlar için optimize etmek üzere 2. Katman yönergelerini uygulayın.
Optimum kullanıcı deneyimi sunan duyarlı/uyarlanabilir düzenlerle her tür cihazda her boyuttaki ekranı destekleyin.
LS-U1 ile LS-U4 arasındaki yönergeler
Ne?
Uygulama düzenleri büyük ekran boyutlarına uygun olmalıdır. Uygulama kullanıcı arayüzü şunları içerir:
- Yenilikçi gezinme rayları ve çekmeceleri
- Pencere boyutu değişikliklerine uyum sağlayan ızgara düzenleri
- Sütun düzenleri
- Büyük ekranlarda varsayılan olarak açık olan kenar panelleri
İki bölmeli düzenler, büyük ekran alanından yararlanır. Çok etkinlikli uygulamalar, etkinliklerin yan yana çok bölmeli düzenleri oluşturmak için etkinlik yerleştirme özelliğini uygular.
Dokunma hedefleri büyük ve erişilebilir olmalıdır. Etkileşimli çizilebilir öğelere odaklanılabiliyor.
Neden?
Geniş ekranlı cihazlar arasında tabletler, katlanabilir cihazlar ve ChromeOS cihazlar gibi çeşitli form faktörleri bulunur. Ekran boyutları değişiklik gösterir. Cihazlar genellikle (bazen de öncelikle) yatay yönde kullanılır.
Uygulama kullanılabilirliğini ve kullanıcı memnuniyetini artırmak için harici donanım giriş cihazlarını destekleyin.
LS-I3 ile LS-I9 arasındaki yönergeler
Ne?
Uygulama, klavye, fare ve dokunmatik yüzey girişi için gelişmiş destek sağlar. Seçenekler menülerine fare ve dokunmatik yüzey sağ tıklama (ikincil fare düğmesi veya ikincil dokunma) davranışıyla erişilebilir. Fare kaydırma tekerleği ve dokunmatik yüzeyde iki parmak ucunu yakınlaştırma ya da uzaklaştırma hareketleri kullanılarak uygulama içeriği yakınlaştırılabilir veya uzaklaştırılabilir. Kullanıcı arayüzü öğelerinin fareyle üzerine gelindiğinde görünen durumları vardır.
Neden?
Klavye, fare ve dokunmatik yüzey gibi çevre birimleri genellikle büyük ekranlı cihazlara bağlanır. ChromeOS cihazlarda genellikle yerleşik bir klavye ve dokunmatik yüzey bulunur. Kullanıcılar klavye kısayollarını, birden fazla fare düğmesini, fare kaydırma tekerleğini ve dokunmatik yüzey hareketlerini kullanmaya alışkındır.
Bu sayfadaki içerik ve kod örnekleri, İçerik Lisansı sayfasında açıklanan lisanslara tabidir. Java ve OpenJDK, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2025-07-27 UTC.
[null,null,["Son güncelleme tarihi: 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."]]
