توفّر الأجهزة القابلة للطي فرصةً لتطوير التطبيقات بطريقة ابتكارية. تقدم الشاشات الكبيرة والصغيرة على نفس الجهاز تجارب تفاعلية متكاملة ومميزة. تتيح الميزات القابلة للطيّ، مثل وضع سطح الطاولة ووضعية الكتاب، تصميمات إبداعية وواجهات مستخدم غير تقليدية.
التصميم سريع الاستجابة/التكيف
يبدأ دعم الأجهزة القابلة للطي بالتصميم سريع الاستجابة. تعمل التخطيطات سريعة الاستجابة على تمكين التطبيق من الظهور والعمل بشكل رائع على مجموعة متنوعة من أحجام العرض، بما في ذلك الشاشات المطوية وغير المطوية لجهاز قابل للطي. بالنسبة إلى التنسيقات المستندة إلى العرض، نفِّذ التصميم السريع الاستجابة باستخدام ConstraintLayout، بالنسبة إلى Compose، BoxWithConstraints.
لكن في بعض الأحيان، يحتاج التخطيط إلى التكيف. يمكن أن تكون الاختلافات في حجم الشاشة ونسبة العرض إلى الارتفاع بين الشاشات المطوية وغير المطوية كبيرة جدًا، لدرجة أن التخطيط سريع الاستجابة لا يمكنه استيعاب كلتا الشاشتين على النحو الأمثل. ينشئ التصميم التكيُّفي تخطيطات بديلة محسنة لأحجام وتكوينات الشاشة المختلفة. توفّر التصاميم التكيُّفية تجربة محسّنة للمستخدم عندما يكون الجهاز القابل للطي أو غير مطوي، أو في الاتجاه العمودي أو الأفقي، أو في وضع "التثبيت على سطح مستوٍ" أو "حجز الكتاب".
على سبيل المثال، الجهاز القابل للطي بشاشة كبيرة والمفتح في اتجاه أفقي يشبه الجهاز اللوحي؛ فالتصميم المكون من لوحتين مع شريط تنقل يستفيد بشكل ممتاز من الشاشة العريضة. الجهاز المطوي يشبه الهاتف القياسي؛ والتخطيط أحادي العمود مع شريط تنقل سفلي بسيط ولكنه فعال. ولأن التخطيطات منفصلة، يمكنك تحسين كل تنسيق حسب حالة الاستخدام الخاصة به.
يمكن طي الأجهزة القابلة للطي بطرق مختلفة، مثلاً عند طيّ الشاشة من الداخل أو للخارج مع التفاف الشاشة حول الجهاز. يعمل التصميم السريع الاستجابة/التكيّفي على إعداد تطبيقك لدعم جميع أنواع أشكال الأجهزة القابلة للطي.
لمعرفة المزيد حول التصميم سريع الاستجابة/التكيُّف للأجهزة القابلة للطي، راجع ما يلي:
- إتاحة أحجام الشاشات المختلفة
- إنشاء تصاميم تكيُّفية
- التصميم المتعدد الأبعاد - تطبيق التنسيق
الحالات والأوضاع القابلة للطي
يُقسّم طي الجهاز القابل للطي الشاشة إلى جزأين. يمكن أن يكون الطي عبارة عن مساحة مرنة من الشاشة أو، على الأجهزة ذات الشاشات المزدوجة، مفصل يفصل بين الشاشتين.
ويحتوي الجزء المرئي من الصفحة على بُعد وسمة occlusionType تحدد ما إذا كان الجزء المرئي من الصفحة يحجب جزءًا من الشاشة أم لا. على الأجهزة ذات الشاشات المزدوجة، تبلغ قيمة occlusionType FULL، ولا يمكن عرض أي محتوى في الجزء المرئي من الصفحة (المفصّلة)، على الرغم من أنّ التطبيق يمكن أن يمتد إلى كلتا الشاشتَين.
يمكن أن تكون الأجهزة القابلة للطي في حالات مختلفة، مثل FLAT (مفتوحة بالكامل) أو HALF_OPENED (في مكان ما بين الفتح الكامل وإغلاقها تمامًا).
عندما يكون الجهاز في حالة HALF_OPENED، يمكن وضع وضعَين، اعتمادًا على اتجاه الطي: وضعية على الطاولة (الطيّ الأفقي) ووضع الكتاب (الطيّ الرأسي).
توفّر أوضاع "التثبيت على سطح مستوٍ" و"وضع الكتب" إمكانيات جديدة للتصميم، ولكن حالة الجهاز "HALF_OPENED" تفرض أيضًا بعض القيود. مثلاً، قد يصعب على المستخدمين الوصول إلى عناصر التحكم في واجهة المستخدم القريبة من الجزء المرئي من الصفحة، كما أنّ النص الذي يظهر في الجزء المرئي من الصفحة قد يصعب قراءته (أو غير قابل للقراءة إذا كانت قيمة occlusionType هي FULL).
صمم التخطيطات الخاصة بك بحيث يمكن الوصول إلى عناصر واجهة المستخدم في جميع حالات الجهاز. تحديد موضع مربعات الحوار والقوائم المنبثقة كي لا تظهر في الجزء المرئي من الصفحة يُرجى التأكّد من أنّ المحتوى المهم قابل للعرض عندما يكون الجهاز مطويًا جزئيًا. يمكنك تقسيم المحتوى إلى قسمَين عندما يكون الجهاز مفتوحًا في النصف السفلي من الشاشة، في وضعية الطاولة العلوية والسفلية، وفي وضعية وضع الكتاب الأيمن والأيسر.
لمزيد من المعلومات عن الطيات والأوضاع القابلة للطي، اطّلِع على مقالة التعرّف على ميزة طي التطبيق.
استمرارية استخدام التطبيق
يتوقف التطبيق ويعيد تشغيله عند انتقاله من شاشة إلى أخرى عند طي الجهاز أو فتحه. للحفاظ على استمرارية عمل المستخدم، يجب أن يستعيد التطبيق حالته عند إعادة إنشاء تخطيط التطبيق على شاشة مطوية أو غير مطوية. على سبيل المثال، يجب أن تنفِّذ التطبيقات ما يلي:
- الاحتفاظ بالنص المكتوب في حقول الإدخال
- استعادة حالة لوحة المفاتيح
- استعادة موضع تمرير الحقول القابلة للتمرير
- استئناف تشغيل الوسائط من حيث تم إيقافها عند إيقاف التطبيق
يجب أن تكمل تخطيطات الشاشة المختلفة للجهاز القابل للطي بعضها البعض. على سبيل المثال، إذا كانت الشاشة المطوية تعرض صورة ووصفًا لمنتج من متجر على الإنترنت، يجب أن تحافظ الشاشة غير المطوية على الاستمرار من خلال عرض الصورة والوصف نفسيهما، وأن تتضمّن أيضًا محتوًى تكميليًا، مثل مواصفات المنتج أو مراجعاته.
لمزيد من المعلومات حول إدارة حالة التطبيق واستمراريته، يمكنك الاطّلاع على حفظ حالات واجهة المستخدم والتعامل مع تغييرات الإعدادات.
تعدد المهام
تحتوي الشاشات الكبيرة القابلة للطي على شاشة بحجم جهاز لوحي مثالية لتنفيذ مهام متعددة في وضع النوافذ المتعددة. تتوافق الهواتف القابلة للطي مع وضع تقسيم الشاشة، بل يتيح بعضها وضع التصميم المرن، حيث تتوفّر التطبيقات في نوافذ قابلة للنقل ويمكن تغيير حجمها، تمامًا مثل نظام النوافذ على الكمبيوتر المكتبي.
|
|
|
|
|
يتم ضبط وضع النوافذ المتعددة تلقائيًا على نظام التشغيل Android 12 (مستوى واجهة برمجة التطبيقات 31) والإصدارات الأحدث. ويتم ضبط جميع التطبيقات على الشاشات الكبيرة في وضع النوافذ المتعددة بغض النظر عن إعداداتها. بالنسبة إلى الإصدارات السابقة وصولاً إلى Android 7.0 (المستوى 24 من واجهة برمجة التطبيقات)، يجب إعداد تطبيقك بحيث يمكن تغيير حجمه بحيث يتوافق مع وضع النوافذ المتعددة.
للحصول على معلومات بشأن تعدد المهام في وضع النوافذ المتعددة، يُرجى الاطّلاع على إتاحة النوافذ المتعددة.
سحب وإفلات
توفّر الأجهزة ذات الشاشات الكبيرة القابلة للطي مساحة كبيرة على الشاشة لإجراء تفاعلات السحب والإفلات. إنّ وضع النوافذ المتعددة على الهواتف القابلة للطي يتيح إمكانية السحب والإفلات بين التطبيقات.
تؤدي عمليات السحب والإفلات إلى إنشاء تجربة مستخدم مثمرة وجذابة. يمكنك إضافة إمكانات السحب والإفلات إلى تطبيقك باستخدام إطار عمل السحب والإفلات في Android. لمزيد من المعلومات، يُرجى الاطّلاع على السحب والإفلات.