تتوفّر أدوات لتصحيح أخطاء واجهة مستخدم Compose في "استوديو Android".
أداة فحص التنسيق
تتيح لك "أداة فحص التنسيق" فحص تنسيق Compose داخل تطبيق قيد التشغيل في محاكي أو جهاز فعلي. يمكنك استخدام "أداة فحص التنسيق" للتحقّق من عدد مرات إعادة تركيب دالة مركّبة أو تخطّيها، ما يساعد في تحديد المشاكل في تطبيقك. على سبيل المثال، قد تؤدي بعض أخطاء الترميز إلى فرض إعادة تركيب واجهة المستخدم بشكل مفرط، ما قد يؤدي إلى ضعف الأداء. يمكن أن تمنع بعض أخطاء الترميز إعادة إنشاء واجهة المستخدم، وبالتالي تمنع ظهور تغييرات واجهة المستخدم على الشاشة. إذا كنت مبتدئًا في استخدام "أداة فحص التنسيق"، يمكنك الاطّلاع على الإرشادات حول كيفية تشغيلها.
الحصول على عدد عمليات إعادة الإنشاء
عند تصحيح أخطاء تنسيقات Compose، من المهم معرفة متى تتم إعادة تركيب الدوال المركّبة لفهم ما إذا تم تنفيذ واجهة المستخدم بشكل صحيح. على سبيل المثال، إذا كان يعيد الإنشاء عدة مرات، قد يكون تطبيقك يقوم بعمل أكثر من اللازم. من ناحية أخرى، قد تؤدي المكوّنات التي لا تتم إعادة إنشائها عندما تتوقع ذلك إلى سلوكيات غير متوقعة.
تعرض لك "أداة فحص التنسيق" الحالات التي تم فيها إعادة إنشاء أو تخطّي الدوال المركّبة المنفصلة في التدرج الهرمي للتنسيق أثناء تفاعلك مع تطبيقك. في "استوديو Android"، يتم تمييز عمليات إعادة الإنشاء لمساعدتك في تحديد مكان إعادة إنشاء الدوال المركّبة في واجهة المستخدم.
الشكل 1: يتم تمييز عمليات إعادة الإنشاء في "أداة فحص التنسيق".
يعرض الجزء المميّز تراكبًا متدرجًا للدالة المركّبة في قسم الصورة في "أداة فحص التنسيق"، ويختفي تدريجيًا حتى تتمكّن من معرفة مكان الدالة المركّبة التي تتضمّن أعلى عدد من عمليات إعادة التركيب في واجهة المستخدم. إذا كانت إحدى الدوال المركّبة تعيد تركيب نفسها بمعدّل أعلى من دالة مركّبة أخرى، ستحصل الدالة المركّبة الأولى على لون تراكب تدرّج أقوى. إذا نقرت مرّتين على دالة مركّبة في "أداة فحص التنسيق"، سيتم نقلك إلى الرمز البرمجي المقابل لتحليله.
افتح نافذة أداة فحص التنسيق واتصِل بعملية تطبيقك. في شجرة المكونات، هناك عمودان يظهران بجانب التسلسل الهرمي للتخطيط. يعرض العمود الأول عدد المقطوعات الموسيقية لكل عقدة، ويعرض العمود الثاني عدد مرات التخطّي لكل عقدة. يؤدي اختيار عقدة دالة مركّبة إلى عرض سمات الدالة المركّبة ومَعلماتها، ما لم تكن دالة مضمّنة، وفي هذه الحالة لا يمكن عرض المَعلمات. يمكنك أيضًا الاطّلاع على معلومات مشابهة في لوحة السمات عند اختيار دالة مركّبة من شجرة المكوّنات أو عرض التنسيق.
يمكن أن تساعدك إعادة ضبط العدد في فهم عمليات إعادة الإنشاء أو التخطّي أثناء تفاعل معيّن مع تطبيقك. إذا أردت إعادة ضبط العدد، انقر على إعادة ضبط بالقرب من أعلى لوحة شجرة المكوّنات.
الشكل 3: تفعيل عدّاد الإنشاء والتخطّي في "أداة فحص التنسيق"
دلالات Compose
في Compose، تصف Semantics واجهة المستخدم بطريقة بديلة يمكن فهمها من خلال خدمات تسهيل الاستخدام وإطار عمل الاختبار. يمكنك استخدام "أداة فحص التنسيق" لفحص المعلومات الدلالية في تنسيقات Compose.
عند اختيار عقدة Compose، استخدِم لوحة السمات للتحقّق مما إذا كانت تُعلن عن معلومات دلالية مباشرةً أو تدمج الدلالات من عناصرها الفرعية أو كليهما. لتحديد العُقد التي تتضمّن دلالات، سواء تم الإعلان عنها أو دمجها، بسرعة، استخدِم القائمة المنسدلة خيارات العرض في لوحة شجرة المكوّنات واختَر تمييز طبقات الدلالات. يؤدي هذا إلى تمييز العُقد في الشجرة التي تتضمن دلالات فقط، ويمكنك استخدام لوحة المفاتيح للتنقل بسرعة بينها.
التحقّق من واجهة مستخدم Compose
لمساعدتك في إنشاء واجهات مستخدم أكثر تكيُّفًا وسهولة في الاستخدام في Jetpack Compose، يوفّر "استوديو Android" وضع "التحقّق من واجهة المستخدم" في "معاينة Compose". تشبه هذه الميزة Accessibility Scanner للعروض.
عند تفعيل وضع "التحقّق من واجهة مستخدم Compose" في "معاينة Compose"، يدقّق "استوديو Android" تلقائيًا في واجهة مستخدم Compose ويقترح تحسينات لجعل واجهة المستخدم أكثر سهولة في الاستخدام وقابلية للتكيّف. يتحقّق استوديو Android من أنّ واجهة المستخدم تعمل على أحجام الشاشات المختلفة. في لوحة المشاكل، تعرض الأداة المشاكل التي ترصدها، مثل النص الممتد على الشاشات الكبيرة أو تباين الألوان المنخفض.
للوصول إلى هذه الميزة، انقر على رمز "التحقّق من واجهة المستخدم" في "معاينة الإنشاء":
تعمل ميزة "التحقّق من واجهة المستخدم" على معاينة واجهة المستخدم تلقائيًا في إعدادات مختلفة وتسليط الضوء على المشاكل التي تم العثور عليها في الإعدادات المختلفة. في لوحة المشاكل، عند النقر على مشكلة، يمكنك الاطّلاع على تفاصيل المشكلة والحلول المقترَحة وعمليات العرض التي تبرز منطقة المشكلة.
الإصلاح باستخدام الذكاء الاصطناعي
بالنسبة إلى المشاكل التي يتم رصدها في وضع "التحقّق من واجهة المستخدم"، يمكنك استخدام وكيل الذكاء الاصطناعي لاقتراح إصلاحات للرموز البرمجية وتطبيقها. انقر على الزر الإصلاح باستخدام الذكاء الاصطناعي في مشكلة ضمن لوحة المشاكل. يحلّل الوكيل المشكلة والرمز البرمجي لاقتراح تغييرات تحلّ مشكلة تسهيل الاستخدام أو التكيّف.
