توفّر الأجهزة القابلة للطي فرصة لتطوير التطبيقات بطريقة مبتكرة. تقدّم الشاشات الكبيرة والصغيرة على الجهاز نفسه تجارب تفاعلية تكميلية ومميّزة. تتيح الميزات القابلة للطيّ، مثل وضع "التثبيت على سطح مستوٍ" ووضعية الكتاب، تصميم تصاميم مبتكرة وواجهات مستخدم غير تقليدية.
![](https://developer.android.google.cn/static/images/guide/topics/large-screens/foldables/foldable_multiple_postures.png?authuser=19&hl=ar)
تصميم سريع الاستجابة/تكيفي
يبدأ دعم الأجهزة القابلة للطي بتصميم سريع الاستجابة. تتيح التنسيقات سريعة الاستجابة للتطبيق الظهور والعمل بشكل رائع على مجموعة متنوعة من أحجام الشاشات، بما في ذلك الشاشات المطوية وغير المطوية لجهاز قابل للطي. بالنسبة إلى التنسيقات المستندة إلى طريقة العرض، نفِّذ التصميم السريع الاستجابة باستخدام ConstraintLayout
، وبالنسبة إلى ميزة Compose، BoxWithConstraints
.
لكن في بعض الأحيان، يحتاج التخطيط إلى التكيف. قد تكون الاختلافات في حجم الشاشة ونسبة العرض إلى الارتفاع للشاشات المطوية وغير المطوية كبيرة جدًا، وبالتالي لا يمكن أن يتلاءم التصميم السريع الاستجابة مع كلتا الشاشتَين بشكل مثالي. يُنشئ التصميم التكيُّفي تنسيقات بديلة محسَّنة لأحجام الشاشات المختلفة وعمليات الضبط. توفِّر التصاميم التكيُّفية تجربة محسَّنة للمستخدم عندما يكون الجهاز القابل للطي مطويًا أو غير مطوي أو في الاتجاه العمودي أو الأفقي أو عند وضعه على الطاولة أو في وضع الكتاب.
على سبيل المثال، الجهاز القابل للطي ذو الشاشة الكبيرة المتاح في الاتجاه الأفقي يشبه الجهاز اللوحي؛ يستخدم التخطيط المكون من لوحتين مع شريط التنقل استخدام الشاشة العريضة بشكل ممتاز. بعد طي الجهاز، يشبه الجهاز الهاتف القياسي؛ حيث يكون التخطيط أحادي العمود مع شريط تنقل سفلي بسيطًا ولكنه فعال في الوقت ذاته. ولأن التخطيطات منفصلة، يمكنك تحسين كل منها ليناسب حالة الاستخدام المحددة لها.
يمكن طيّ الأجهزة القابلة للطيّ بطرق مختلفة، مثلاً إلى الداخل، مع طيّ الشاشة من الداخل إلى الخارج، مع التفاف الشاشة حول الجهاز. يعمل التصميم السريع الاستجابة أو التكيفي على إعداد تطبيقك للتوافق مع جميع أنواع أشكال الأجهزة القابلة للطي.
لمعرفة مزيد من المعلومات حول التصميم السريع الاستجابة أو التكيفي للأجهزة القابلة للطي، يُرجى الاطّلاع على المراجع التالية:
- التوافق مع أحجام الشاشات المختلفة
- التصميم المتعدد الأبعاد — تطبيق التنسيق
الحالات والأوضاع القابلة للطي
يعمل طيّ الجهاز القابل للطي على تقسيم الشاشة إلى جزأين. يمكن أن يكون الطي منطقة مرنة على الشاشة أو على الأجهزة ذات الشاشات المزدوجة، ومفصلاً يفصل بين الشاشتين.
يحتوي الجزء المرئي من الصفحة على بُعد وسمة occlusionType
تحدِّد ما إذا كان الجزء المرئي من الصفحة يحجب جزءًا من الشاشة. في الأجهزة ذات الشاشات المزدوجة، تبلغ قيمة occlusionType
FULL
، ولا يمكن عرض أي محتوى في الجزء المرئي من الصفحة (المفصّلة) على الرغم من أنّ التطبيق قد يمتد إلى كلتا الشاشتَين.
يمكن وضع الأجهزة القابلة للطيّ في عدة حالات، مثلاً FLAT
(مفتوحة بالكامل) أو HALF_OPENED
(في مكان ما بين الفتح الكامل والمغلق تمامًا).
![](https://developer.android.google.cn/static/images/guide/topics/large-screens/foldables/foldable_postures_flat_and_half_opened.png?authuser=19&hl=ar)
عندما يكون الجهاز في الحالة HALF_OPENED
، يمكن أن يكون هناك وضعان مختلفان، وذلك بناءً على اتجاه الطي على الشاشة: وضع الطاولة (الطيّ الأفقي) ووضعية الكتاب (الطيّ العمودي).
توفِّر وضعيات "التثبيت على سطح مستوٍ" والكتب إمكانيات جديدة للتنسيق، إلا أنّ حالة جهاز HALF_OPENED
تفرض بعض القيود أيضًا. على سبيل المثال، قد يصعب على المستخدمين الوصول إلى عناصر التحكّم في واجهة المستخدم بالقرب من الجزء المرئي من الصفحة، وقد يصعب قراءة النص الظاهر على سطح الجزء المرئي (أو قد يكون غير قابل للقراءة إذا كانت قيمة السمة occlusionType
هي FULL
).
صمم تخطيطاتك بحيث يمكن الوصول إلى عناصر واجهة المستخدم في جميع حالات الجهاز. ضع مربعات الحوار والقوائم المنبثقة بحيث لا تتراكب على الجزء المرئي من الصفحة. عليك التأكّد من أنّه يمكن عرض المحتوى المهم عندما يكون الجهاز مطويًا جزئيًا. يمكنك تقسيم المحتوى إلى قسمَين عندما يكون الجهاز مفتوحًا من المنتصف: في وضع "التثبيت على سطح مستوٍ" والجزء العلوي والسفلي في وضع "التثبيت على سطح مستوٍ"، والعكس صحيح في وضع الكتاب.
للحصول على مزيد من المعلومات حول الطيّ ووضعات الأجهزة القابلة للطي، يُرجى الاطّلاع على مقالة تنبيه التطبيق عن وضع طيّ الجهاز.
استمرارية التطبيق
يتوقف التطبيق ويعيد تشغيله أثناء انتقاله من شاشة إلى أخرى عند طي الجهاز أو فتحه. وللحفاظ على استمرارية المستخدم، يجب أن يستعيد التطبيق حالته عند إعادة إنشاء تصميم التطبيق على شاشة مطوية أو غير مطوية. على سبيل المثال، يجب أن تنفِّذ التطبيقات ما يلي:
- الاحتفاظ بالنص المكتوب في حقول الإدخال
- استعادة حالة لوحة المفاتيح
- استعادة موضع التمرير في الحقول القابلة للتمرير
- استئناف تشغيل الوسائط من حيث توقفت عند إيقاف التطبيق
يجب أن تتكامل تصميمات الشاشة المختلفة للجهاز القابل للطي مع بعضها البعض. على سبيل المثال، إذا كانت الشاشة المطوية تعرض صورة ووصفًا لمنتج من متجر على الإنترنت، يجب أن تحافظ الشاشة غير المطوية على الاستمرارية من خلال عرض الصورة والوصف نفسيهما، وأن تتضمّن أيضًا محتوًى تكميليًا، مثل مواصفات المنتج أو المراجعات.
لمزيد من المعلومات عن إدارة حالة التطبيق واستمراره، يمكنك الاطّلاع على حفظ حالات واجهة المستخدم والتعامل مع تغييرات الضبط.
تعدد المهام
تشتمل الشاشات الكبيرة القابلة للطي على شاشة بحجم الجهاز اللوحي مثالية لتنفيذ مهام متعددة في وضع النوافذ المتعددة. تتيح الهواتف القابلة للطيّ وضع تقسيم الشاشة. ويتيح بعضها أيضًا وضع "التصميم الحر" الذي يتم فيه حفظ التطبيقات في نوافذ قابلة للطيّ يمكن تغيير حجمها، كما هو الحال في نظام النوافذ على سطح المكتب.
![]() |
![]() |
|
يتم ضبط Android 12 (المستوى 31 من واجهة برمجة التطبيقات) والإصدارات الأحدث تلقائيًا على وضع النوافذ المتعددة، وعلى الشاشات الكبيرة، يتم تشغيل جميع التطبيقات في وضع النوافذ المتعددة بغض النظر عن إعدادات التطبيق. في الإصدارات السابقة وصولاً إلى Android 7.0 (المستوى 24 لواجهة برمجة التطبيقات)، عليك ضبط تطبيقك لتغيير حجمه لإتاحة وضع النوافذ المتعددة.
للحصول على معلومات حول تنفيذ مهام متعددة في وضع النوافذ المتعددة، يُرجى الاطّلاع على إتاحة النوافذ المتعددة.
سحب وإفلات
توفر الأجهزة ذات الشاشات الكبيرة القابلة للطي مساحة واسعة على الشاشة للتفاعل مع السحب والإفلات. يتيح وضع النوافذ المتعددة في الهواتف القابلة للطيّ إمكانية السحب والإفلات بين التطبيقات.
ينتج عن تفاعلات السحب والإفلات تجربة مستخدم مثمرة وجذابة. يمكنك إضافة إمكانيات السحب والإفلات إلى تطبيقك باستخدام إطار عمل السحب والإفلات في Android. لمزيد من المعلومات، يُرجى الاطّلاع على مقالة السحب والإفلات.
مصادر إضافية
أفلام مُقترَحة لك
- ملاحظة: يظهر نص الرابط عند إيقاف JavaScript
- جعل تطبيقك غير مقروء
- إتاحة الأجهزة القابلة للطي والأجهزة ذات الشاشات المزدوجة باستخدام Jetpack WindowManager
- تحسين تطبيق الكاميرا على الأجهزة القابلة للطي باستخدام Jetpack WindowManager