تحسين الشاشة الكبيرة
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
المستوى 2: إرشادات جودة التطبيقات المخصّصة للشاشات الكبيرة التي تُعدّ تطبيقك للتوافق مع الشاشات الكبيرة والصغيرة
تستفيد التطبيقات المحسّنة للشاشات الكبيرة من الشاشات الواسعة في
الأجهزة ذات الشاشات الكبيرة لتوفير تجربة مستخدم فعّالة وجذّابة.
تم تصميم التطبيقات المحسّنة باستخدام تنسيقات سريعة الاستجابة/التكيفية تتوافق مع الوضعين عمودي وأفقي ووضع النوافذ المتعدّدة وحالات الجهاز المُطوي
والمفتوح. تعمل أشرطة التنقّل والأدراج على تحسين واجهة المستخدم
التي تنشئ عناصر مثل الأزرار وحقول النصوص
ومربّعات الحوار وتضبط مواضعها بشكل ديناميكي لتوفير تجربة مثالية للمستخدم.
تتيح التطبيقات المحسّنة للشاشات الكبيرة إمكانية التنقّل باستخدام لوحة المفاتيح،
والاختصارات الخاصة بها، والتكبير/التصغير باستخدام الماوس ولوحة اللمس، و"النقر بزر الماوس الأيمن"، وسلوك التمرير فوق العناصر.
الإجراءات المسموح بها وغير المسموح بها
check_circle
الإجراءات التي يُنصح بها
- إنشاء تنسيقات نوافذ منقسمة إلى قسمَين
- استخدام تنسيقات الشبكات والأعمدة
- استبدال أشرطة التنقّل بقضبان التنقّل والملفات الجانبية
- استخدام ميزة "تضمين الأنشطة" في التطبيقات القديمة التي تتضمّن أنشطة متعددة
- إتاحة وظائف لوحة المفاتيح والماوس ولوحة اللمس المتقدّمة
cancel
الإجراءات غير المُوصى بها
- تمديد عناصر واجهة المستخدم (الحقول النصية والأزرار ومربّعات الحوار) لملء المساحة الإضافية
- تمديد الصور أو اقتصاصها
- جعل اللوحات أو الأوراق بالعرض الكامل
الإرشادات
اتّبِع إرشادات المستوى 2 لتحسين تطبيقاتك للشاشات الكبيرة.
أن تكون متوافقة مع الشاشات بجميع أحجامها على الأجهزة بجميع أنواعها من خلال تنسيقات سريعة الاستجابة/التكيّفية التي توفّر تجربة مثالية للمستخدم
الإرشادات LS-U1 إلى LS-U4
ما هي الإعلانات الترويجية؟
أن تكون تصاميم التطبيق متوافقة مع أبعاد الشاشات الكبيرة تشمل واجهة مستخدم التطبيق ما يلي:
- أدراج وقضبان تنقّل رائدة
- تنسيقات الشبكة التي تتيح تغيير حجم النافذة
- تنسيقات الأعمدة
- اللوحات الجانبية المفتوحة تلقائيًا على الشاشات الكبيرة
تستفيد تنسيقات العرض على لوحتَين من مساحة الشاشة الكبيرة. تُنفِّذ تطبيقات الأنشطة المتعدّدة عملية تضمين الأنشطة لإنشاء تصاميم متعددة الأقسام للأنشطة جنبًا إلى جنب.
مساحات اللمس كبيرة ويمكن الوصول إليها. يمكن التركيز على العناصر القابلة للرسم التفاعلية.
السبب
تشمل الأجهزة ذات الشاشات الكبيرة مجموعة متنوعة من أشكال الأجهزة، بما في ذلك الأجهزة اللوحية والأجهزة القابلة للطي وأجهزة ChromeOS. تختلف أحجام الشاشات. غالبًا ما يتم استخدام الأجهزة في الوضع الأفقي، وأحيانًا بشكل أساسي.
أن تتيح استخدام أجهزة إدخال الأجهزة الخارجية لزيادة سهولة استخدام التطبيق ورضا المستخدمين
الإرشادات LS-I3 إلى LS-I9
ما هي الإعلانات الترويجية؟
يقدّم التطبيق ميزات محسّنة للإدخال باستخدام لوحة المفاتيح والماوس ولوحة اللمس. يمكن الوصول إلى قوائم الخيارات من خلال النقر بزر الماوس الأيمن (زر الماوس الثانوي أو النقر الثانوي) ولوحة اللمس. يمكن تكبير محتوى التطبيق باستخدام عجلة التمرير في الماوس وإيماءات التصغير/التكبير باستخدام إصبعَين على لوحة اللمس. تحتوي عناصر واجهة المستخدم على حالات تمرير مؤشر الماوس.
السبب
غالبًا ما يتم توصيل الأجهزة الطرفية، مثل لوحات المفاتيح وأجهزة الماوس ولوحات اللمس، بالأجهزة ذات الشاشات الكبيرة. عادةً ما تحتوي أجهزة ChromeOS على لوحة مفاتيح ولوحة لمس مدمجتين. اعتاد المستخدمون استخدام اختصارات لوحة المفاتيح وأزرار الماوس المتعددة وعجلة التمرير في الماوس وإيماءات لوحة اللمس.
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ Java وOpenJDK هما علامتان تجاريتان مسجَّلتان لشركة Oracle و/أو الشركات التابعة لها.
تاريخ التعديل الأخير: 2025-07-27 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","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 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],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."]]
