تحسين التطبيقات لنظام التشغيل ChromeOS

تؤدي تطبيقات Android دورًا مهمًا في إعادة تحديد شكل الحوسبة الحديثة على الشاشات الكبيرة. لكن مجرد تشغيل تطبيق الجوال على جهاز Chromebook لا يمنح المستخدمين أفضل تجربة.

تعرض هذه الصفحة بالتفصيل بعض الطرق التي يمكنك من خلالها تخصيص تجربتك لتتلاءم مع أشكال الأجهزة المحمولة والقابلة للتحويل. يمكنك الاطّلاع على القائمة الشاملة بالاختبارات لمعرفة المزيد من المعلومات حول اختبار توافق تطبيقك على هذه الأجهزة.

الاستفادة من النوافذ المتعددة ذات التصميم المرن

يتضمن تنفيذ تطبيقات Android على ChromeOS دعمًا أساسيًا للنوافذ المتعددة. وبدلاً من ملء وضع ملء الشاشة دائمًا، يعرض Android التطبيقات على ChromeOS في حاويات نوافذ حرة النموذج، والتي تكون أكثر ملاءمة لهذه الأجهزة.

يمكن للمستخدمين تغيير حجم النافذة التي تحتوي على تطبيق Android الخاص بك، كما هو موضح في الشكل 1. لضمان تغيير حجم النوافذ ذات التصميم المرن بسلاسة وعرض محتواها بالكامل للمستخدم، اطّلِع على الإرشادات في قسم إدارة النوافذ.

الشكل 1. نافذة تطبيق يمكن تغيير حجمها

يمكنك تحسين تجربة المستخدم عند تشغيل تطبيقك على ChromeOS باتّباع أفضل الممارسات التالية:

  • يمكنك التعامل مع مراحل نشاط النشاط بشكل صحيح في وضع النوافذ المتعددة والتأكد من مواصلة تحديث واجهة المستخدم، حتى إذا لم يكن تطبيقك هو النافذة الأكثر تركيزًا.
  • تأكّد من أن تطبيقك يضبط تنسيقه بشكل مناسب عندما يغيِّر المستخدم حجم نافذته.
  • خصِّص الأبعاد الأولية لنافذة التطبيق من خلال تحديد حجم الإطلاق.
  • يُرجى العلم أنّ اتجاه نشاط الجذر للتطبيق يؤثر في جميع نوافذه.

تخصيص لون الشريط العلوي

يستخدم نظام التشغيل ChromeOS مظهر التطبيق لتلوين الشريط العلوي المعروض أعلى التطبيق، والذي يوضّح متى يضغط المستخدمون على عناصر التحكّم في النافذة وزر الرجوع. لجعل تطبيقك يبدو أنيقًا ومخصصًا لنظام التشغيل ChromeOS، حدِّد colorPrimary وقيمًا colorPrimaryDark إن أمكن في مظهر التطبيق.

يتم استخدام colorPrimaryDark لتلوين الشريط العلوي. في حال تحديد colorPrimary فقط، يستخدم نظام التشغيل ChromeOS نسخة داكنة منه في الشريط العلوي. لمزيد من المعلومات، يُرجى الاطّلاع على الأنماط والمظاهر.

دعم لوحة المفاتيح ولوحة اللمس والماوس

وتحتوي جميع أجهزة Chromebook على لوحة مفاتيح فعلية ولوحة تتبع، كما يحتوي بعضها على شاشة تعمل باللمس. يمكن تحويل بعض الأجهزة من كمبيوتر محمول إلى جهاز لوحي.

في التطبيقات التي تعمل بنظام التشغيل ChromeOS، يمكنك استخدام الماوس ولوحة اللمس ولوحة المفاتيح كي يصبح التطبيق قابلاً للاستخدام بدون شاشة تعمل باللمس. تدعم العديد من التطبيقات بالفعل الماوس ولوحة التتبع دون الحاجة إلى عمل إضافي. إلا أنّه من الأفضل تخصيص سلوك التطبيق بشكل ملائم بالنسبة إلى الماوس ودعم إدخالات الماوس والتمييز بينها والتمييز بينها.

يجب التأكّد مما يلي:

  • يمكن النقر على جميع الأهداف بالماوس.
  • يتم تمرير جميع الأسطح القابلة للتمرير التي تعمل باللمس على أحداث عجلة الماوس، كما هو موضّح في الشكل 2.
  • يتم تنفيذ حالات التمرير مع تقدير دقيق لتحسين إمكانية اكتشاف واجهة المستخدم بدون إرباك المستخدم، كما هو موضّح في الشكل 3.

الشكل 2. الانتقال باستخدام عجلة الماوس

الشكل 3. حالات التمرير فوق الزر

ميِّز بين إدخالات الماوس واللمس، إذا كان ذلك مناسبًا. على سبيل المثال، قد يؤدي النقر مع الاستمرار على أحد العناصر إلى تشغيل واجهة مستخدم متعددة التحديد، بينما قد يؤدي النقر بزر الماوس الأيمن على نفس العنصر إلى تشغيل قائمة خيارات بدلاً من ذلك.

مؤشرات مخصّصة

يمكنك تخصيص مؤشرات الماوس في تطبيقاتك للإشارة إلى عنصر واجهة المستخدم الذي يمكن للمستخدم التفاعل معه وكيفية ذلك. يمكنك ضبط PointerIcon على الاستخدام عندما يتفاعل المستخدمون مع طريقة عرض، من خلال استدعاء طريقة setPointerIcon().

اعرض كل ما يلي في تطبيقاتك:

  • مؤشرات الشعاع على شكل I للنص
  • تغيير حجم المقابض عند حواف الطبقات يمكن تغيير حجمها
  • مؤشرات مفتوحة ومغلقة عن المحتوى الذي يمكن تحريكه أو سحبه باستخدام إيماءة النقر والسحب
  • معالجة الدوّارات

توفّر فئة PointerIcon ثابتًا يمكنك استخدامها لتنفيذ مؤشرات مخصّصة.

اختصارات لوحة المفاتيح والتنقل

نظرًا لأن كل جهاز Chromebook يتضمن لوحة مفاتيح فعلية، يمكنك توفير مفاتيح التشغيل السريع لتمكين المستخدمين من زيادة الإنتاجية. على سبيل المثال، إذا كان تطبيقك يتيح الطباعة، يمكنك استخدام Control+P لفتح مربّع حوار طباعة.

وبالمثل، تعامل مع جميع عناصر واجهة المستخدم المهمة باستخدام ميزة التنقل عبر علامات التبويب. هذا مهم بشكل خاص لإمكانية الوصول. لاستيفاء معايير إمكانية الوصول، يجب أن تحتوي جميع مساحات عرض واجهة المستخدم على حالات مركزة واضحة ومتوافقة مع إمكانية الوصول، كما هو موضّح في الأشكال التالية:

الشكل 4. التنقل عبر علامات التبويب بشكل عرضي:

الشكل 5. استبدال إيماءة التمرير السريع بعنصر تحكّم يظهر عند التمرير

احرص على تنفيذ بدائل لوحة المفاتيح أو الماوس للميزات الأساسية المخفية ضمن التفاعلات الخاصة باللمس، مثل إجراءات اللمس مع الاستمرار، أو التمريرات السريعة أو إيماءات اللمس المتعدد الأخرى. مثال على الحل هو توفير الأزرار التي تظهر على سطح عند التمرير.

لمزيد من المعلومات حول استخدام لوحة المفاتيح ولوحة اللمس والماوس، يُرجى الاطّلاع على توافق الإدخال على الشاشات الكبيرة.

تحسين البيانات التي أدخلها المستخدم

لتحقيق وظائف على مستوى سطح المكتب لتطبيقك، ضع في اعتبارك المدخلات التالية الموجهة نحو الإنتاجية.

قوائم السياقات

يمكن تفعيل قوائم سياقات Android، وهي مسرِّع آخر لتوجيه المستخدمين إلى ميزات تطبيقك، بنقرة ماوس أو على الزر الثانوي على لوحة اللمس أو من خلال اللمس مع الاستمرار على شاشة تعمل باللمس:

الشكل 6. قائمة سياقات تظهر عند النقر بزر الماوس الأيمن

سحب وإفلات

يمكن أن يؤدي إنشاء تفاعلات السحب والإفلات، مثل التفاعل في الشكل التالي، إلى توفير وظائف إنتاجية فعّالة وسهلة لتطبيقك. لمزيد من المعلومات، يُرجى الاطّلاع على السحب والإفلات.

الشكل 7. السحب والإفلات في واجهة شجرة الملفات.

متوافق مع قلم الشاشة

يُعدّ استخدام قلم الشاشة مهمًا للغاية في تطبيقات الرسم وتدوين الملاحظات. يمكنك توفير دعم مُحسَّن لأجهزة Chromebook والأجهزة اللوحية المجهزة بقلم الشاشة من خلال تنفيذ تفاعلات مصمّمة خصيصًا لاستخدام الإدخال بقلم الشاشة.

يجب مراعاة الاختلافات المحتملة في أجهزة قلم الشاشة المختلفة عند تصميم تفاعلات قلم الشاشة. للحصول على مخطط لواجهات برمجة تطبيقات قلم الشاشة، يمكنك مراجعة توافق الإدخال على الشاشات الكبيرة.

جعل تنسيقاتك متجاوبة

استفِد بشكل جيد من مساحة الشاشة المتاحة لتطبيقك بغض النظر عن حالتها المرئية (سواء وضع ملء الشاشة أو عمودي أو أفقي أو باستخدام نافذ). في ما يلي بعض الأمثلة على الاستخدام الجيد للمساحة:

  • عرض بنية التطبيق.
  • يُرجى تقييد طول النص وحجم الصورة بالحد الأقصى للعرض.
  • يمكنك الاستفادة بشكل أفضل من العقارات في شريط أدوات التطبيق.
  • يمكنك تحسين موضع عناصر واجهة المستخدم من خلال تكييف التطبيق مع استخدام الماوس بدلاً من استخدام إصبع الإبهام.
  • يمكنك تحسين حجم الفيديوهات والصور، وإنشاء مجموعة بالحد الأقصى للعرض والارتفاع لجميع الوسائط، وزيادة سهولة القراءة وقابلية الاطّلاع على المحتوى.
  • تنفيذ نظام أعمدة سريع الاستجابة. لمزيد من المعلومات، يُرجى الاطّلاع على شبكة التنسيق السريع الاستجابة.
  • يمكنك تغيير حجم واجهة المستخدم وتعديلها عند الحاجة باستخدام نظام الأعمدة. تجنَّب فتح نوافذ جديدة متى أمكن ذلك.
  • إزالة عناصر التمرير الأفقي أو تقليل أهميتها
  • تجنُّب واجهة المستخدم المشروطة بملء الشاشة: استخدام واجهة المستخدم المضمّنة، مثل مؤشرات التقدم والتنبيهات، لجميع الإجراءات غير المهمة.
  • استخدِم مكوّنات محسَّنة من واجهة المستخدم، مثل أدوات اختيار الوقت والتاريخ والحقول النصية والقوائم المصمّمة للماوس ولوحة المفاتيح والشاشات الأكبر حجمًا.
  • يمكنك استخدام التعديلات المضمَّنة أو الأعمدة الإضافية أو واجهة المستخدم المشروطة بدلاً من نشاط جديد لميزة تعديل صغيرة أو متوسطة.
  • إزالة أزرار الإجراءات العائمة (FAB) أو تعديلها لتحسين التنقّل باستخدام لوحة المفاتيح بشكل تلقائي، تكون مواضع زر الإجراء الرئيسي بالترتيب التنازلي للعرض. بدلاً من ذلك، اجعله أولاً هو الإجراء الأساسي أو استبدِله بوظيفة أخرى عالية المستوى.

الشكل 8. نماذج توضيحية لتخطيط سريع الاستجابة على شاشة بحجم الهاتف وسطح المكتب.

إنّ زر الرجوع على مستوى النظام هو نمط يتم نقله من الجذور المحمولة في Android إلى نمط لا يتناسب كذلك مع سياق سطح المكتب.

عندما يصبح تطبيقك مخصصًا بشكل متزايد لبيئة الكمبيوتر المحمول، يمكنك الانتقال إلى نمط تنقل يقلل من التركيز على زر الرجوع. يمكنك السماح للتطبيق بمعالجة تكديس السجلّ الخاص به من خلال توفير أزرار الرجوع داخل التطبيق أو مسارات تنقّل أو مسارات أخرى للإفلات، مثل أزرار الإغلاق أو الإلغاء كجزء من واجهة المستخدم على الشاشة الكبيرة.

يمكنك التحكّم في ما إذا كان تطبيقك يعرض زر الرجوع في نافذته من خلال ضبط خيار مفضّل داخل العلامة <activity>. يخفي إعداد true زر الرجوع:

<meta-data android:name="WindowManagerPreference:SuppressWindowControlNavigationButton" android:value="true" />

حلّ المشاكل المتعلّقة بصور معاينة الكاميرا

يمكن أن تظهر مشكلات في الكاميرا عندما يمكن تشغيل التطبيق في الاتجاه العمودي فقط بينما يقوم المستخدم بتشغيله على شاشة أفقية. في هذه الحالة، قد يتم تدوير المعاينة أو النتيجة التي تم التقاطها بشكل غير صحيح.

يغيِّر "وضع التوافق" طريقة معالجة النظام للأحداث، مثل تغييرات الاتجاه، في نظام التشغيل ChromeOS. سيساعد ذلك في منع حدوث مشاكل عند استخدام الكاميرا في وضع الاتجاه الخاطئ. لتفعيل وضع التوافق، يجب استيفاء المعايير التالية:

  • استهداف الإصدار 7.0 من نظام التشغيل Android على الأقل (المستوى 24 من واجهة برمجة التطبيقات). ويمكن أن يكون الحد الأدنى لمستوى حزمة SDK أقل.
  • يمكنك تغيير حجم التطبيق.

التعامل مع إعدادات الجهاز

ننصحك بمراعاة إعدادات الجهاز التالية للتطبيقات التي تعمل على نظام التشغيل ChromeOS.

تغيير مستوى الصوت

أجهزة ChromeOS هي أجهزة ذات مستوى صوت ثابت: تحتوي التطبيقات التي تشغّل الصوت على عناصر تحكّم خاصة بها. اتّبِع إرشادات العمل مع الأجهزة ذات الصوت الثابت.

تغيير مستوى سطوع الشاشة

لا يمكنك ضبط مستوى سطوع الجهاز على نظام التشغيل ChromeOS. ويتم تجاهل الطلبات الموجّهة إلى system settings وWindowManager.LayoutParams.

مواد تعليمية إضافية

للتعرُّف على المزيد من المعلومات عن تحسين تطبيقات Android لأجهزة Chromebook، يُرجى الرجوع إلى المراجع التالية: