بعد التعرّف على طريقة التعامل مع الأشكال المختلفة للساعة، حدِّد التصميم الذي تريد استخدامه.
تتضمن تخطيطات التطبيق الشائعة ما يلي:
- شاشة واحدة (أبسط): تقتصر عناصر واجهة المستخدم على ما هو مرئي في كل مرة بدون الانتقال إلى أسفل الصفحة.
- الحاوية العمودية (الأكثر شيوعًا): يظهر المحتوى خلف الجزء القابل للعرض من الشاشة ويمكن الوصول إليه من خلال الانتقال للأسفل.
- الخيارات الأخرى: القوائم أو تقسيم النتائج على عدّة صفحات أو العرض الشامل الثنائي الأبعاد
يتم وصف أنواع التخطيط هذه في الأقسام التالية. يمكنك استخدام مجموعة من أنواع التخطيط إذا كنت بحاجة إلى شاشات متعددة.
ملاحظة: بالنسبة إلى نشاطك، يمكن اكتسابه من ComponentActivity
أو FragmentActivity
في حال استخدام أجزاء.
تستخدم أنواع الأنشطة الأخرى عناصر واجهة مستخدم خاصة بالأجهزة الجوّالة ولا تحتاج إليها لنظام Wear OS.
شاشة واحدة
يرى المستخدم جميع العناصر في شاشة واحدة دون التمرير. وهذا يعني أنّه يمكنك تضمين عدد صغير فقط من العناصر.
![](https://developer.android.google.cn/static/wear/images/screen_opts_4.png?hl=ar)
الشكل 1. مثال على تنسيق شاشة واحدة
وتعمل الشاشات الفردية بشكل جيد مع BoxInsetLayout
إلى جانب ConstraintLayout
لترتيب العناصر.
حاوية عمودية
الحاوية العمودية هي النوع الأكثر شيوعًا لتصميم التطبيق. لا يظهر بعض المحتوى على الشاشة، ولكن يمكن الوصول إليه من خلال التمرير.
يوضّح الشكل 2 العديد من تنسيقات التطبيقات الكاملة التي يمكن من خلالها عرض جزء فقط من المحتوى على الشاشة الدائرية في الساعة. في هذه الأمثلة، يكون المحتوى الرئيسي في الجزء العلوي من الحاوية، في حين تظهر "رحلات المستخدم المُهمّة" (CUJ) والإعدادات في الجزء السفلي. هذه أفضل الممارسات لتصميم المحتوى.
![](https://developer.android.google.cn/static/wear/images/screen_opts_2.png?hl=ar)
الشكل 2. أمثلة على تنسيقات الحاويات العمودية.
لا تستخدم BoxInsetLayout
، على عكس تنسيق التطبيق بشاشة واحدة. بدلاً من ذلك، يمكنك استخدام
ConstraintLayout
داخل
NestedScrollView
.
داخل ConstraintLayout
، يمكنك وضع التطبيقات المصغّرة الأنسب لتطبيقك، ما يتيح لك الاستفادة من المساحة الإضافية على جانبَي الشاشة الدائرية.
![](https://developer.android.google.cn/static/wear/images/screen_opts_3.gif?hl=ar)
الشكل 3. المحتوى في ConstraintLayout
داخل NestedScrollView
احرص على أن يكون المحتوى في أعلى وأسفل الحاوية العمودية صغيرًا بما يكفي ليناسب الجزء العلوي والسفلي من شاشة عرض دائرية، كما في المثال في الشكل 3.
ملاحظة:
أضِف مؤشر تمرير إلى NestedScrollView
من خلال ضبط
android:scrollbars="vertical"
في ملف XML، إذا أمكن. يساعد ذلك المستخدمين في معرفة مدى توفّر المزيد من المحتوى ويساعدهم في معرفة موضعهم من حيث المحتوى كله.
الخيارات الأخرى لتنسيقات التطبيقات
-
القوائم: يمكنك عرض مجموعات كبيرة من البيانات باستخدام التطبيق المصغَّر
WearableRecyclerView
المحسَّنة للأسطح القابلة للارتداء. لمزيد من المعلومات، راجِع إنشاء القوائم على نظام التشغيل Wear OS. - التقسيم على صفحات أفقية: بالنسبة إلى حالات الاستخدام التي تتضمّن شاشات متعدّدة تابعة، استخدِم التمرير السريع أفقيًا. إذا كنت تستخدم التقسيم الأفقي، يجب إتاحة التمرير سريعًا للإغلاق للحافة اليمنى.
- التحريك الثنائي الأبعاد: في حالات الاستخدام، مثل الخرائط، يمكن للمستخدمين السحب للتحريك في اتجاهات مختلفة. يمكنك تفعيل التمرير السريع للإغلاق إذا كان نشاطك يشغل الشاشة بأكملها.