إنشاء تطبيقات متوافقة مع كل الشاشات باستخدام آخر تحديثات Jetpack Compose من مؤتمر Android Developer Summit

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

‫Jetpack Compose هي مجموعة الأدوات الأساسية لإنشاء جميع واجهات المستخدم على Android. يتيح لك الانتقال من نظام View القديم الحصول على هدف تطوير واحد وموحّد يزيل عناء صيانة قواعد الرموز البرمجية المجزّأة على مختلف أشكال الأجهزة. لكن إنشاء تخطيطات قابلة للتكيف ليس سوى نصف الصورة. عند طي الشاشات أو تغيير حجم النوافذ أو انتقال التطبيقات بين أشكال الأجهزة المختلفة، قد تتعطّل افتراضات التنسيق التقليدية، ومن السهل أن تفقد التطبيقات حالتها أو تبدو غير متناسقة. 

في مؤتمر Android Dev Summit، شاركنا كيف نعمل على تطوير أساسيات التطبيقات في كل من واجهة المستخدم والبنية من خلال دمج Compose بشكل أعمق في طبقة البيانات باستخدام Jetpack AppState، مع توفير وحدات بناء تكيُّفية مثل FlexBox وGrid، وأدوات جاهزة للوكلاء للتوسّع على جميع الشاشات.

يمكنك الاطّلاع على بعض أهم النقاط في إشعاراتنا الأخيرة أدناه أو الانتقال أيضًا إلى موقع "مطوّرو تطبيقات Android" الإلكتروني لمتابعة أكثر من 50 جلسة عند الطلب، بما في ذلك أفضل الممارسات لأساسيات التطبيقات. 

تطوير الأسس الأساسية وتوسيع نطاق استخدام Compose خارج واجهة المستخدم

يوسّع الإصدار الثابت القادم من Compose 1.13 نطاق مجموعة الأدوات من خلال توفير دعم مدمج للتنسيقات التكيُّفية من خلال Grid وFlexbox ووظائف جديدة، مثل "التمويه التدريجي" و"النص المنسَّق". للاطّلاع على أحدث ميزات الرسومات، مثل تدرّجات الألوان الشبكية والتمويه التدريجي، بدون التأثير في عمر البطارية أو عدد اللقطات في الثانية، يمكنك مشاهدة فيديو تحسين تطبيقاتك باستخدام أحدث ميزات الرسومات في Jetpack Compose وAndroid. 

إلى جانب العرض المرئي، يتضمّن محرِّر النصوص في Compose الآن ميزة BasicTextField المُعاد كتابتها بالكامل مع بنية مستندة إلى المخزن المؤقت وTextFieldState، ما يمنع حدوث حالات السباق في محرِّر أسلوب الإدخال (IME) ويتيح آليات تعديل النصوص المنسّقة. يمكنك مشاهدة إنشاء تجارب موثوقة لتعديل النصوص في Compose لمعرفة المزيد عن هذا التغيير. 

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

نعمل أيضًا على توسيع نطاق Compose ليشمل طبقة البنية من خلال Jetpack AppState، وهو متاح الآن في إصدار أولي. تتيح لك مكتبة AppState استخدام نظام اللقطات في Compose ضمن بنية تطبيقك: تتيح لك دالة Transform استخلاص الحالة التفاعلية من مدخلات State وFlow باستخدام ميزة التتبّع التلقائي للقراءة وتدفّق التحكّم البسيط في Kotlin، بينما توفّر لك دالة StateStore حاوية ذات مفاتيح لمشاركة الحالة القابلة للتتبّع في جميع الأنشطة والخدمات التي تُشغَّل في الخلفية والتطبيقات المصغّرة ووظائف التطبيق، مع إمكانية استخدام ميزة DataStore persistence الاختيارية. يمكنك مشاهدة فيديو Taking Compose State Beyond the UI with Jetpack AppState للتعرّف على كيفية نقل حالة Compose إلى أعلى حزمة البيانات لتبسيط مسارات الحالة المعقدة والحفاظ على مزامنة كل سطح في تطبيقك.

تصميم أنظمة تنقّل وإدخال فعّالة لمختلف أشكال الأجهزة

مع زيادة مرونة التطبيقات، يجب أن يظل التنقّل وإدخال المستخدم متوقعًا في كل نقطة دخول وحجم شاشة. في الإصدار 1.2، يوفّر Jetpack Navigation 3 ميزة الربط العميق المضمّنة التي تمنع أخطاء الكتابة في الأنشطة السابقة التي يملكها المطوّر. باستخدام Kotlin Serialization، يمكنك ربط عناوين URI والطلبات الواردة مباشرةً بمفاتيح تنقّل ذات أنواع قوية، وتخصيص كيفية تحليل الوسيطات المعقّدة، وإنشاء حِزم الأنشطة السابقة الاصطناعية بشكل كسول لكي يبدو التنقّل للخلف طبيعيًا دائمًا. للاطّلاع على واجهات برمجة التطبيقات هذه أثناء العمل، يمكنك الاطّلاع على إنشاء روابط لصفحات معيّنة تمنع أخطاء الكتابة باستخدام Jetpack Navigation 3.

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

توسيع نطاق الواجهات على الشاشات الكبيرة وأجهزة الكمبيوتر المكتبي وغيرها

عند الانتقال بين الأجهزة القابلة للطي والأجهزة اللوحية وأجهزة الكمبيوتر المحمولة، يجب أن تتكيّف الواجهات بشكل طبيعي بدلاً من مجرد تمديد المحتوى لملء الشاشات الأكبر حجمًا. يجمع التطوير التكيُّفي باستخدام Compose بين Navigation 3 وWindowManager وسير العمل المستند إلى الوكلاء لمساعدتك في إعادة تصميم تنسيقات الأجهزة الجوّالة وتحويلها إلى تجارب متعدّدة الأجزاء متجاوبة مع الحد الأدنى من الجهد اليدوي. بالنسبة إلى المطوّرين الذين يتطلّعون إلى تحسين تصاميمهم الحالية، Scale your app for every screen with Compose يوضّح أنماط البنية المتعدّدة الأجزاء هذه ويشرح كيفية تحسين مسارات التنقّل مع تغيُّر أحجام النوافذ.

ويتيح التوسّع إلى ما هو أبعد من أشكال الأجهزة الجوّالة أيضًا فرصًا جديدة، مثل Googlebook. يتطلب إنشاء تجارب على مستوى الكمبيوتر المكتبي توفير دعم للأجهزة الملحقة المادية وبيئات عرض النوافذ والمزيد. في Inside the first wave on Googlebook with Notability and Logitech، يشارك الشركاء الأوائل استراتيجيات هندسية عملية حول تحسين التفاعلات مع المؤشر والأجهزة الخارجية وسير العمل على مستوى الكمبيوتر المكتبي.

بدء استخدام مهارات Android 

لمساعدتك في تنفيذ هذه الأنماط بشكل أسرع، يمكنك الاستفادة من مهارات Android لمساعدة وكلاء الترميز. سواء كنت تستخدم Gemini في Android Studio أو تشغّل Android CLI مع وكلاء آخرين، فإنّ هذه المهارات تتولى المهام الصعبة نيابةً عنك وتتوافق مع إرشادات الجودة التكيُّفية. بالنسبة إلى Compose، لدينا حاليًا:

• تساعد مهارة التكيّف المعدَّلة الوكلاء في تحويل الشاشات الصغيرة إلى تنسيقات متجاوبة متعددة الأجزاء والتعامل مع تغييرات الحالة والإعدادات. وتوفّر الآن إمكانية استخدام الأجهزة القابلة للطي وأجهزة الكمبيوتر المكتبي، وتتعامل تلقائيًا مع النوافذ واختصارات لوحة المفاتيح وتلميحات الشاشة وحالات تمرير مؤشر الماوس فوق لوحة اللمس.
• مهارة أداء Compose الجديدة للمساعدة في تحسين قاعدة الرموز البرمجية
• مهارة نقل البيانات من XML إلى Compose
• مهارة Ink الجديدة 

بالإضافة إلى البنية الأساسية والتصاميم التكيُّفية، يمكنك استكشاف نظرات متعمّقة فنية تغطي تشغيل Media3 ومسارات CameraX والتجارب داخل السيارة والرسومات الغنية والدروس المستفادة من نقل Google Play إلى Compose على نطاق واسع. يمكنك الاطّلاع على المجموعة الكاملة من الإرشادات الفنية في قائمة تشغيل جلسات أساسيات التطبيقات في مؤتمر Android Developer Summit لاستكشاف البُنى والإرشادات العملية والرموز البرمجية.