تصحيح أخطاء التنسيق باستخدام أداة فحص التنسيق

تتيح لك أداة "فحص التنسيق" في استوديو Android فحص التنسيق وتصحيح أخطائه داخل تطبيق قيد التشغيل في محاكي أو جهاز فعلي. يمكنك فحص سمات كل مكوّن ومقارنة تخطيط تطبيقك بنماذج التصميم وعرض طريقة مكبّرة لتطبيقك.

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

لمزيد من المعلومات، راجِع تصحيح أخطاء واجهة مستخدم Compose.

الشكل 1. أداة فحص التنسيق المضمَّنة لتطبيق Jetchat

البدء

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

في ما يلي كيفية تنفيذ بعض المهام الشائعة:

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

اختيار مكوّن أو عزله

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

لاختيار أحد المكوّنات، انقر عليه في شجرة المكوّنات أو عرض التصميم. تظهر جميع سمات التنسيق للمكوّن المحدّد في لوحة السمات.

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

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

إخفاء حدود التصميم وعرض التصنيفات

لإخفاء المربّع المحيط أو تصنيفات المكوّنات الخاصة بعنصر تخطيط، انقر على خيارات العرض زر "عرض الخيارات" في أعلى عرض التخطيط، ثم فعِّل عرض الحدود أو عرض تصنيف العرض أو أوقِفهما.

التقاط لقطات للعرض الهرمي للتصميم

تتيح لك أداة فحص التنسيق حفظ لقطات من التسلسل الهرمي لتنسيق تطبيقك قيد التشغيل، لتتمكّن من مشاركتها مع الآخرين أو الرجوع إليها لاحقًا.

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

لتحميل لقطة تم حفظها سابقًا من "أداة فحص التنسيق"، انقر على استيراد لقطة.

مقارنة تخطيط التطبيق بتراكب صورة مرجعية

لمقارنة تصميم تطبيقك بصورة مرجعية، مثل نموذج تجريبي لواجهة المستخدم، يمكنك تحميل صورة نقطية مركَّبة في "أداة فحص التصميم".

  • لتحميل تراكب، انقر على الخيار تحميل التراكب من شريط أدوات أداة فحص التنسيق. يتم تغيير حجم التراكب ليلائم التنسيق.
  • لضبط شفافية التراكب، استخدِم شريط تمرير قيمة ألفا للتراكب.
  • لإزالة التراكب، انقر على محو التراكب.

أداة فحص التنسيق المستقلة

للحصول على أفضل أداء، ننصحك باستخدام "أداة فحص التنسيق" في وضعها التلقائي المضمّن. إذا أردت إلغاء تضمين "أداة فحص التنسيق"، انتقِل إلى ملف (File) (استوديو Android (Android Studio) على نظام التشغيل macOS) > الإعدادات (Settings) > الأدوات (Tools) > أداة فحص التنسيق (Layout Inspector) وأزِل العلامة من المربّع تفعيل "أداة فحص التنسيق" المضمّنة (Enable embedded Layout Inspector).

في الوضع المستقل، فعِّل التحديثات المباشرة من خلال النقر على خيار التحديثات المباشرة من شريط أدوات أداة فحص التنسيق.

مراجع إضافية

عرض المحتوى