تمييز التنسيق باستخدام التسلسل الهرمي

تم إيقاف مقياس "التسلسل الهرمي". إذا كنت تستخدم Android Studio 3.1 أو إصدارًا أحدث، يمكنك بدلاً من ذلك استخدام أداة فحص التنسيق لفحص التسلسل الهرمي لمشاهدات تطبيقك في وقت التشغيل. لتحديد سرعة عرض تنسيق تطبيقك، استخدِم Window.OnFrameMetricsavailableالاستماعer كما هو موضّح في مشاركة المدونة هذه.

إنّ "التسلسل الهرمي" هي أداة مدمجة في Android Device Monitor تتيح لك قياس سرعة التنسيق لكل ملف شخصي في التدرج الهرمي للتنسيق. يمكن أن يساعدك في العثور على مؤثرات الأداء الناتجة عن بنية بنية العرض.

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

توفّر هذه الصفحة مقدّمة عن "التسلسل الهرمي للمشاهد" وجولة تفصيلية عن إعداد تنسيقك.

الإعداد

إذا كنت تستخدم محاكي Android، يمكنك تخطي هذا القسم. بخلاف ذلك، يمكنك إعداد جهازك كما يلي.

ملاحظة: يجب أن يعمل جهازك بنظام التشغيل Android 4.1 أو الإصدارات الأحدث.

  1. فعِّل خيارات المطوّرين على جهازك.
  2. عليك ضبط متغيّر البيئة ANDROID_HVPROTO=ddm على جهاز التطوير.

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

بدء مُشاهد التسلسل الهرمي

الشكل 1. شاشة جهاز Android

  1. ربط جهازك بجهاز الكمبيوتر. إذا طُلب منك مربّع حوار على الجهاز الذي يطلب منك ذلك، هل تريد السماح بتصحيح أخطاء الجهاز عبر USB؟، انقر على حسنًا.
  2. افتح مشروعك في "استوديو Android"، وأنشئه وشغِّله على جهازك.
  3. ابدأ تطبيق Android Device Monitor. قد يعرض "استوديو Android" مربّع حوار إيقاف دمج أداة Adb لأنّ عملية واحدة فقط يمكن ربطها بالجهاز من خلال أداة Adb في الوقت نفسه، وأنّ جهاز Android Device Monitor يطلب اتصالاً. لذا انقر على Yes (نعم).

    يوضّح الشكل 1 ما يظهر في البداية على Android Device Monitor.

  4. في شريط القوائم، اختَر نافذة > فتح Perspective، ثم انقر على العرض الهرمي.

    من المفترض أن ترى ترتيبًا مشابهًا لما يتم عرضه في الشكل 2. إذا لم يكن الأمر كذلك، اختَر نافذة > إعادة ضبط Perspective للعودة إلى التنسيق التلقائي.

  5. انقر مرّتين على اسم حزمة التطبيق في علامة تبويب Windows على يمين الصفحة. يؤدي هذا إلى تعبئة اللوحة بعرض التدرّج الهرمي لتطبيقك.

التعرّف على الأدوات

الشكل 2: لوحات العروض الهرمية.

ويوفّر عارض التدرج الهرمي الشرائح التالية (كما هو موضّح في الشكل 2):

  • العرض التدرّجي للحساب (في الوسط): يتم عرض العرض التدرّجي الهرمي للعرض الهرمي للعرض. يمكنك سحب الشجرة وتكبيرها باستخدام الماوس وعناصر التحكم في التكبير/التصغير في الأسفل. تشير كل عقدة إلى اسم الفئة View واسم المعرّف.
  • نظرة عامة على الأشجار (أعلى يسار الصفحة): تمنحك هذه الميزة نظرة عامة على العرض الهرمي الكامل لتطبيقك. حرِّك المستطيل الرمادي لتغيير إطار العرض الذي يظهر في العرض التدرّجي للحساب.
  • عرض التنسيق (أسفل اليسار): يُظهر عرض الإطار الشبكي لتنسيقك. يكون مخطط العرض المحدد حاليًا باللون الأحمر، بينما يكون العرض الرئيسي باللون الأحمر الفاتح.

    يؤدي النقر على عرض هنا أيضًا إلى اختياره في العرض التدرّجي للحساب والعكس صحيح.

يقدّم العرض الهرمي نبذة عن التنسيق، لذلك لا يتم تعديله تلقائيًا. لتعديل عرض التدرّج الهرمي، انقر على إعادة تحميل التدرّج الهرمي للعرض .

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

إذا انتقلت إلى تطبيق مختلف، عليك اختيار ذلك التطبيق من علامة التبويب Windows في اللوحة اليمنى للاطّلاع على التدرّج الهرمي لطريقة العرض.

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

الشكل 3: أجزاء من عرض عقدة الملف الشخصي.

للاطّلاع على خصائص الملف الشخصي، انقر على علامة التبويب عرض المواقع في اللوحة اليمنى، كما هو موضّح في الشكل 4.

الشكل 4: موقع علامة التبويب الاطّلاع على المواقع.

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

تصميم ملفك الشخصي

الشكل 5: عرض التسلسل الهرمي بعد التحليل.

الآن، وبعد أن اطّلعت على طريقتك في استخدام الأداة، يمكنك استخدامها لعرض التدرّج الهرمي للعرض وتفسير النتائج.

  1. في العرض التدرّجي للحساب أو عرض التنسيق، انقر على عقدة الملف الشخصي التي تريد إنشاء ملف شخصي لها.
  2. لبدء التحليل، انقر على الحصول على أوقات تنسيق في أعلى Tree View (العرض التدرّجي للحساب).

    بالنسبة إلى التسلسلات الهرمية الكبيرة للعرض، قد يستغرق إنشاء الملف الشخصي بضع ثوانٍ.

تحصل كل طريقة عرض فرعية للعقدة المحددة على ثلاث نقاط قد تكون خضراء أو صفراء أو حمراء.

  • تمثّل النقطة اليمنى عملية الرسم لمسار العرض.
  • تمثّل النقطة الوسطى مرحلة التنسيق.
  • تمثّل النقطة اليمنى مرحلة التنفيذ.

الشكل 6: مدى ارتباط النقاط الملونة
بمسار العرض.

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

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

تفسير النتائج

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

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

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

  • ابحث عن نقاط حمراء في عُقد الخصائص التفصيلية أو مجموعات العرض التي تتضمّن عددًا قليلاً من الأطفال. قد يشير ذلك إلى حدوث مشكلة. قد لا يكون تطبيقك بطيئًا أو قد يكون بطيئًا على جهازك، ولكن يجب أن تكون على دراية بالسبب الذي يجعل هذه النقطة حمراء. يمكن أن يمنحك Systrace أو Traceview معلومات إضافية.
  • إذا كانت لديك مجموعة مشاهدة تضمّ العديد من الأطفال ومراحل القياس باللون الأحمر، يمكنك إلقاء نظرة على الأطفال لمعرفة مستوى أدائهم.
  • قد لا تكون طريقة العرض التي تحتوي على نقاط صفراء أو حمراء حمراء بطيئة على الجهاز. هذا هو المكان الذي تُعد فيه الأرقام الفعلية مفيدة. يمكن أن يمنحك Systrace أو Traceview معلومات إضافية.
  • إذا كان العرض الجذري للتسلسل الهرمي يتضمّن مرحلة قياس باللون الأحمر ومرحلة التنسيق الأحمر ومرحلة الرسم الأصفر، هذا هو الخيار المعتاد إلى حد ما، لأنّه العنصر الرئيسي لجميع المشاهدات الأخرى ولا يتم إنهاء تنسيقه إلى أن ينتهي الأطفال من ذلك.
  • إذا كانت عقدة ورقة الشجر في شجرة تحتوي على أكثر من 20 ملفًا شخصيًا تشتمل على مرحلة سحب أحمر، هذه المشكلة. تحقَّق من طريقة onDraw() لمعرفة الرمز الذي يجب ألّا يكون هناك.

لمزيد من النصائح حول التنسيق، يمكنك الاطّلاع على تحسين أداء التنسيق.