YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Arabic subtitles

02-07 Visualize_and_Fix_Overdraw_-_Solution

02-07 Visualize_and_Fix_Overdraw_-_Solution

Get Embed Code
13 Languages

Showing Revision 3 created 02/08/2016 by sp8.

  1. إذن يجب أن يكون هناك
    أربع خلفيات غير ضرورية

  2. في الملفات المتبقية.
  3. فلنبدأ إذن ونراجع.
  4. في ملف XML الخاص بالنشاط الأساسي
    تذكر أننا سنحتفظ بالخلفية البيضاء.
  5. الآن، في ملف XML
    الخاص بجزء الدردشة،
  6. قمنا بتوضيح الخلفية البيضاء
    غير الضرورية هنا.
  7. لسنا بحاجة إليها لأننا نستطيع استخدام
    واحدة بيضاء من على النشاط الرئيسي.
  8. كان هذا كل شيء بالنسبة لهذا الملف.
  9. الآن في ملف XML
    الخاص بعناصر الدردشة الفردية،
  10. لدينا ثلاث خلفيات غير ضرورية.
  11. لدينا واحدة هنا لا نحتاجها،
  12. وواحدة هنا لا نحتاجها،
  13. وأخيرًا هنا بالأسفل، لا نحتاج تلك
    الخلفية البيضاء في المشهد النصي.
  14. لذا فلنبدأ بإزالتهم.
  15. حسنًا. رائع.
  16. لنرَ إذن قدر التقدم الذي أحرزناه
    فيما يتعلق بتراكب الرسوم.
  17. هذا هو ما ينبغي أن تبدو عليه شاشتك
    بعد إزالة تلك الخلفيات بطريقة صحيحة.
  18. أكثر نظافة، أليس كذلك؟
  19. حسنًا، عمل رائع.
    لقد أوشكنا على الانتهاء تقريبًا.
  20. لكن هناك تحسين واحد أخير يمكنك القيام به.
  21. لاحظ أن هناك تراكبًا رسوميًا
    هنا عند الصور الرمزية،
  22. لأننا رسمنا مستطيلًا ثم وضعنا
    الصورة الرمزية أعلاه.
  23. فلنحاول ونكن أكثر ذكاءً هنا،
  24. فلنضع خلفية فقط عندما
    لا يكون هناك صورة رمزية.
  25. والآن، يمكننا فعل ذلك مع بعض
    الأكواد الشرطية.
  26. حسنًا.
  27. لننتقل إلى كود تهيئة الدردشة، وهو المسؤول
  28. عن ملء عناصر الدردشة الفردية
    عندما يتم تحميلها.
  29. فلنذهب إلى أسلوب getView
  30. وسنجد هنا بالأسفل بعض الجمل المنطقية
    التي تعرض
  31. الصورة الرمزية وتضبط لون الخلفية
    في الوقت ذاته.
  32. فلنرَ إن كان يمكننا فعل شيء ما هنا.
  33. فلنكتب بعض الأكواد التي تضبط لون الخلفية
  34. فقط عندما تكون الصورة الرمزية غير موجودة.
  35. أما عندما تكون موجودة، فسوف نضبط
    لون الخلفية لتصبح شفافة
  36. وتقوم بتحميل الصورة الرمزية فحسب.
    يمكننا فعل ذلك هكذا.
  37. حسنًا، هنا نجد الكود بعد تحديثه.
  38. لاحظ أنه في حالة عد وجود الصورة الرمزية،
    فسوف نقوم بتحميل لون شفاف
  39. في المكان الذي يفترض
    أن تكون فيه الصورة الرمزية،
  40. ومن ثم نضبط لون الخلفية
    الحقيقي للصورة الرمزية.
  41. أما في حالة else
    والتي تمثل الحالة عند وجود الصورة الرمزية
  42. فسوف نقوم بتحميل
    الصورة الرمزية كما ينبغي.
  43. ومن ثم نضبط لون الخلفية ليصبح شفافًا.
  44. وبهذه الطريقة نقلل من تراكب الرسوم.
  45. حسنًا، فلنذهب لنرى
    كيف ساعدتنا تلك التحسينات.
  46. رائع.
    وكما ترى هنا عند الصور الرمزية،
  47. فهناك القليل من تراكب الرسوم
    بعد تحديث الكود.
  48. حسنًا، كان هذا آخر تحسين لدينا،
    مما يعني أننا انتهينا.
  49. فلنقم بتلخيص ما سبق.
  50. عندما بدأنا، كان تراكب الرسوم
    واضحًا جدًا.
  51. وكان أول ما قمنا به أن ضبطنا الكائن
    الرسومي للخلفية ليصبح لاغيًا null.
  52. والأمر الثاني أننا أزلنا
    الخلفيات غير الضرورية
  53. من ملف الترميز XML.
  54. والأمر الثالث والأخير الذي قمنا به
    أننا ضبطنا لون الخلفية
  55. ليظهر فقط في حالة عدم وجود
    الصورة الرمزية.
  56. الآن، وبفضل هذه التغييرات،
    انتهى بنا المطاف لهذا الشكل؛
  57. تطبيق أكثر نظافة فيما يتعلق
    بأداء تراكب الرسوم.
  58. إذن، عمل رائع.
  59. وتذكر أن الأداء مهم.