Return to Video

02-06 Visualize_and_Fix_Overdraw_-_Quiz

  • 0:01 - 0:04
    إذن يجب أن يكون هناك
    أربع خلفيات غير ضرورية
  • 0:04 - 0:05
    في الملفات المتبقية.
  • 0:05 - 0:07
    فلنبدأ إذن ونراجع.
  • 0:07 - 0:10
    في ملف XML الخاص بالنشاط الأساسي
    تذكر أننا سنحتفظ بالخلفية البيضاء.
  • 0:11 - 0:14
    الآن، في ملف XML
    الخاص بجزء الدردشة،
  • 0:14 - 0:17
    قمنا بتوضيح الخلفية البيضاء
    غير الضرورية هنا.
  • 0:17 - 0:20
    لسنا بحاجة إليها لأننا نستطيع استخدام
    واحدة بيضاء من على النشاط الرئيسي.
  • 0:21 - 0:22
    كان هذا كل شيء بالنسبة لهذا الملف.
  • 0:23 - 0:25
    الآن في ملف XML
    الخاص بعناصر الدردشة الفردية،
  • 0:25 - 0:27
    لدينا ثلاث خلفيات غير ضرورية.
  • 0:28 - 0:31
    لدينا واحدة هنا لا نحتاجها،
  • 0:31 - 0:33
    وواحدة هنا لا نحتاجها،
  • 0:35 - 0:38
    وأخيرًا هنا بالأسفل، لا نحتاج تلك
    الخلفية البيضاء في المشهد النصي.
  • 0:38 - 0:40
    لذا فلنبدأ بإزالتهم.
  • 0:42 - 0:43
    حسنًا. رائع.
  • 0:43 - 0:46
    لنرَ إذن قدر التقدم الذي أحرزناه
    فيما يتعلق بتراكب الرسوم.
  • 0:47 - 0:51
    هذا هو ما ينبغي أن تبدو عليه شاشتك
    بعد إزالة تلك الخلفيات بطريقة صحيحة.
  • 0:51 - 0:52
    أكثر نظافة، أليس كذلك؟
  • 0:53 - 0:55
    حسنًا، عمل رائع.
    لقد أوشكنا على الانتهاء تقريبًا.
  • 0:55 - 0:59
    لكن هناك تحسين واحد أخير يمكنك القيام به.
  • 0:59 - 1:02
    لاحظ أن هناك تراكبًا رسوميًا
    هنا عند الصور الرمزية،
  • 1:02 - 1:05
    لأننا رسمنا مستطيلًا ثم وضعنا
    الصورة الرمزية أعلاه.
  • 1:05 - 1:07
    فلنحاول ونكن أكثر ذكاءً هنا،
  • 1:07 - 1:10
    فلنضع خلفية فقط عندما
    لا يكون هناك صورة رمزية.
  • 1:10 - 1:12
    والآن، يمكننا فعل ذلك مع بعض
    الأكواد الشرطية.
  • 1:12 - 1:14
    حسنًا.
  • 1:14 - 1:17
    لننتقل إلى كود تهيئة الدردشة، وهو المسؤول
  • 1:17 - 1:20
    عن ملء عناصر الدردشة الفردية
    عندما يتم تحميلها.
  • 1:20 - 1:23
    فلنذهب إلى أسلوب getView
  • 1:23 - 1:26
    وسنجد هنا بالأسفل بعض الجمل المنطقية
    التي تعرض
  • 1:26 - 1:29
    الصورة الرمزية وتضبط لون الخلفية
    في الوقت ذاته.
  • 1:29 - 1:32
    فلنرَ إن كان يمكننا فعل شيء ما هنا.
  • 1:32 - 1:34
    فلنكتب بعض الأكواد التي تضبط لون الخلفية
  • 1:34 - 1:36
    فقط عندما تكون الصورة الرمزية غير موجودة.
  • 1:36 - 1:40
    أما عندما تكون موجودة، فسوف نضبط
    لون الخلفية لتصبح شفافة
  • 1:40 - 1:43
    وتقوم بتحميل الصورة الرمزية فحسب.
    يمكننا فعل ذلك هكذا.
  • 1:43 - 1:46
    حسنًا، هنا نجد الكود بعد تحديثه.
  • 1:46 - 1:49
    لاحظ أنه في حالة عد وجود الصورة الرمزية،
    فسوف نقوم بتحميل لون شفاف
  • 1:49 - 1:52
    في المكان الذي يفترض
    أن تكون فيه الصورة الرمزية،
  • 1:52 - 1:56
    ومن ثم نضبط لون الخلفية
    الحقيقي للصورة الرمزية.
  • 1:56 - 1:59
    أما في حالة else
    والتي تمثل الحالة عند وجود الصورة الرمزية
  • 1:59 - 2:01
    فسوف نقوم بتحميل
    الصورة الرمزية كما ينبغي.
  • 2:01 - 2:05
    ومن ثم نضبط لون الخلفية ليصبح شفافًا.
  • 2:05 - 2:06
    وبهذه الطريقة نقلل من تراكب الرسوم.
  • 2:07 - 2:09
    حسنًا، فلنذهب لنرى
    كيف ساعدتنا تلك التحسينات.
  • 2:10 - 2:13
    رائع.
    وكما ترى هنا عند الصور الرمزية،
  • 2:13 - 2:15
    فهناك القليل من تراكب الرسوم
    بعد تحديث الكود.
  • 2:16 - 2:19
    حسنًا، كان هذا آخر تحسين لدينا،
    مما يعني أننا انتهينا.
  • 2:19 - 2:21
    فلنقم بتلخيص ما سبق.
  • 2:21 - 2:24
    عندما بدأنا، كان تراكب الرسوم
    واضحًا جدًا.
  • 2:24 - 2:27
    وكان أول ما قمنا به أن ضبطنا الكائن
    الرسومي للخلفية ليصبح لاغيًا null.
  • 2:27 - 2:31
    والأمر الثاني أننا أزلنا
    الخلفيات غير الضرورية
  • 2:31 - 2:32
    من ملف الترميز XML.
  • 2:33 - 2:36
    والأمر الثالث والأخير الذي قمنا به
    أننا ضبطنا لون الخلفية
  • 2:36 - 2:38
    ليظهر فقط في حالة عدم وجود
    الصورة الرمزية.
  • 2:39 - 2:42
    الآن، وبفضل هذه التغييرات،
    انتهى بنا المطاف لهذا الشكل؛
  • 2:43 - 2:45
    تطبيق أكثر نظافة فيما يتعلق
    بأداء تراكب الرسوم.
  • 2:45 - 2:47
    إذن، عمل رائع.
  • 2:47 - 2:49
    وتذكر أن الأداء مهم.
Title:
02-06 Visualize_and_Fix_Overdraw_-_Quiz
Description:

02-06 Visualize_and_Fix_Overdraw_-_Quiz

more » « less
Video Language:
English
Team:
Udacity
Project:
ud825 - Android Performance
Duration:
03:14

Arabic subtitles

Revisions Compare revisions