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

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

android layout

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

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

البدء

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

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

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

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

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

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

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

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

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

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

التقاط لقطات للتسلسل الهرمي للتصميم

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

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

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

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

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

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

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

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

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

مراجع إضافية

مشاهدة المحتوى

• تصحيح أخطاء التنسيق باستخدام "أداة فحص التنسيق" (طرق العرض)