تنسيقات التطبيق

تجربة طريقة Compose
‫Jetpack Compose على Wear OS هي مجموعة أدوات واجهة المستخدم المقترَحة لأجهزة Wear OS.

بعد فهم كيفية التعامل مع أشكال الساعات المختلفة، عليك تحديد السطح الذي تريد استخدامه.

تشمل تنسيقات التطبيقات الشائعة ما يلي:

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

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

ملاحظة: بالنسبة إلى نشاطك، يمكنك استخدام ComponentActivity أو FragmentActivity إذا كنت تستخدم أجزاء. تستخدم أنواع الأنشطة الأخرى عناصر واجهة مستخدم خاصة بالأجهزة الجوّالة لا تحتاج إليها على Wear OS.

شاشة واحدة

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

الشكل 1: مثال على تنسيق شاشة واحدة

تعمل الشاشات الفردية بشكل جيد مع BoxInsetLayout بالإضافة إلى ConstraintLayout لترتيب العناصر.

حاوية عمودية

الحاوية العمودية هي النوع الأكثر شيوعًا من تنسيقات التطبيقات. لا يظهر بعض المحتوى على الشاشة، ولكن يمكن الوصول إليه من خلال التمرير.

يعرض الشكل 2 العديد من تنسيقات التطبيقات الكاملة التي لا يمكن فيها رؤية سوى جزء من الـ محتوى على الشاشة الدائرية للساعة. في هذه الأمثلة، يكون المحتوى الرئيسي في الجزء العلوي من الحاوية، وتكون رحلات المستخدمين الأساسية والإعدادات الأخرى في الأسفل. هذه من أفضل الممارسات لتنسيق المحتوى.

الشكل 2: أمثلة على تنسيقات الحاويات العمودية

على عكس تنسيق التطبيق ذي الشاشة الواحدة، لا تستخدِم BoxInsetLayout. بدلاً من ذلك، استخدِم ConstraintLayout داخل NestedScrollView. داخل ConstraintLayout، ضَع أيّ أدوات مناسبة لتطبيقك. يتيح لك ذلك الاستفادة من المساحة الإضافية على جوانب الشاشة الدائرية.

الشكل 3: المحتوى في ConstraintLayout داخل NestedScrollView

تأكَّد من أنّ المحتوى في أعلى وأسفل الحاوية العمودية صغير بما يكفي ليناسب أعلى وأسفل الشاشة الدائرية، كما في المثال في الشكل 3.

ملاحظة: متى أمكن، أضِف مؤشر تمرير إلى NestedScrollView من خلال ضبط android:scrollbars="vertical" في ملف XML. يساعد ذلك المستخدمين في التعرّف على توفُّر المزيد من المحتوى ويساعدهم في معرفة مكانهم بالنسبة إلى كل المحتوى.

خيارات أخرى لتنسيقات التطبيقات

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