صفحه نمایش بزرگ بهینه شده است
با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
TIER 2 - دستورالعمل های کیفیت برنامه با صفحه نمایش بزرگ که برنامه شما را برای نمایشگرهای بزرگ و کوچک آماده می کند.
برنامه‌های بهینه‌شده برای صفحه‌نمایش‌های بزرگ از نمایشگرهای گسترده دستگاه‌های صفحه‌نمایش بزرگ بهره می‌برند تا تجربه‌ای مولد و جذاب برای کاربر فراهم کنند.
برنامه‌های بهینه‌سازی‌شده با طرح‌بندی‌های واکنش‌گرا/تطبیقی ساخته می‌شوند که با جهت‌گیری‌های عمودی و افقی، حالت چند پنجره‌ای، و حالت‌های دستگاه تاشده و باز شده مطابقت دارند. ریل‌ها و کشوهای ناوبری رابط کاربری را بهبود می‌بخشند که به صورت پویا عناصری مانند دکمه‌ها، فیلدهای متنی و دیالوگ‌ها را برای تجربه کاربری بهینه قالب‌بندی و قرار می‌دهد.
برنامه‌های بهینه‌سازی شده برای صفحه‌نمایش‌های بزرگ، از ناوبری صفحه‌کلید، میانبرهای صفحه‌کلید، و بزرگ‌نمایی موس و صفحه‌نمایش، «راست کلیک» و رفتار شناور پشتیبانی می‌کنند.
بایدها و نبایدها
- طرح بندی های دو صفحه ای ایجاد کنید
- از طرح بندی شبکه ای و ستونی استفاده کنید
- میله های ناوبری را با ریل ها و کشوهای ناوبری جایگزین کنید
- از جاسازی فعالیت در برنامه‌های قدیمی و چند فعالیتی استفاده کنید
- پشتیبانی از صفحه کلید، ماوس، و عملکرد صفحه کلید پیشرفته
- عناصر رابط کاربری (فیلدهای نوشتاری، دکمه‌ها، دیالوگ‌ها) را برای پر کردن فضای اضافی گسترش دهید
- کشش یا برش تصاویر
- پانل ها یا ورق ها را به عرض کامل بسازید
رهنمودها
دستورالعمل های Tier 2 را دنبال کنید تا برنامه های خود را برای صفحه نمایش های بزرگ بهینه کنید.
پشتیبانی از صفحه نمایش در هر اندازه در دستگاه های مختلف با طرح بندی پاسخگو/تطبیقی که تجربه کاربری مطلوبی را ارائه می دهد.
رهنمودهای LS-U1 تا LS-U4
چی
طرح بندی برنامه ها با ابعاد صفحه نمایش بزرگ مطابقت دارد. رابط کاربری برنامه شامل:
- ریل و کشوهای ناوبری پیشرو
- طرح‌بندی‌های شبکه‌ای که تغییرات اندازه پنجره را در خود جای می‌دهند
- طرح بندی ستون ها
- پانل های لبه انتهایی که به طور پیش فرض در صفحه نمایش های بزرگ باز هستند
طرح‌بندی‌های دو جداره از فضای بزرگ صفحه نمایش بهره می‌برند. برنامه‌های چند فعالیتی برای ایجاد طرح‌بندی‌های چند صفحه‌ای فعالیت‌ها در کنار هم، جاسازی فعالیت را اجرا می‌کنند.
اهداف لمسی بزرگ و قابل دسترس هستند. قرعه کشی های تعاملی قابل فوکوس هستند.
چرا
دستگاه‌های صفحه‌نمایش بزرگ دارای فاکتورهای مختلفی از جمله تبلت‌ها، تاشوها و دستگاه‌های ChromeOS هستند. اندازه های نمایشگر متفاوت است. دستگاه ها اغلب – گاهی اوقات عمدتاً – در جهت یابی منظره استفاده می شوند.
از دستگاه های ورودی سخت افزار خارجی برای افزایش قابلیت استفاده از برنامه و رضایت کاربر پشتیبانی کنید.
رهنمودهای LS-I3 تا LS-I9
چی
برنامه پشتیبانی پیشرفته ای را از ورودی صفحه کلید، ماوس و صفحه لمسی ارائه می دهد. منوهای گزینه‌ها با رفتار کلیک راست ماوس و پد لمسی (دکمه ثانویه ماوس یا ضربه دوم) قابل دسترسی هستند. محتوای برنامه را می‌توان با استفاده از چرخ پیمایش ماوس و حرکات انگشت‌نمای صفحه لمسی بزرگ‌نمایی کرد. عناصر رابط کاربری دارای وضعیت شناور هستند.
چرا
وسایل جانبی مانند صفحه کلید، ماوس و پدهای لمسی اغلب به دستگاه های صفحه نمایش بزرگ متصل می شوند. دستگاه‌های ChromeOS معمولاً دارای صفحه‌کلید داخلی و پد لمسی هستند. کاربران به استفاده از میانبرهای صفحه کلید، دکمه های متعدد ماوس، چرخ اسکرول ماوس و حرکات پد لمسی عادت دارند.
محتوا و نمونه کدها در این صفحه مشمول پروانههای توصیفشده در پروانه محتوا هستند. جاوا و OpenJDK علامتهای تجاری یا علامتهای تجاری ثبتشده Oracle و/یا وابستههای آن هستند.
تاریخ آخرین بهروزرسانی 2025-07-29 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","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-29 بهوقت ساعت هماهنگ جهانی."],[],[],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."]]
