Showing Revision 1 created 01/04/2016 by sp8.

1. Title:
   02-07 Visualize_and_Fix_Overdraw_-_Solution
2. Description:

   02-07 Visualize_and_Fix_Overdraw_-_Solution

3. 620 0:01 - 0:04
   У нас должно быть четыре
   ненужных элемента background

   ¶

4. 3510 0:04 - 0:05
   в оставшихся файлах.
5. 4970 0:05 - 0:07
   Давайте разберемся с ними.
6. 6660 0:07 - 0:11
   Первый — в XML-файле с основными процессами.
   Здесь мы оставляем белый фон намеренно.
7. 11360 0:11 - 0:13
   Но в XML-файле
8. 12770 0:13 - 0:17
   с кодом чата мы лишний раз
   объявили белый фон вот здесь.
9. 17640 0:18 - 0:21
   Это действие излишне, поскольку
   белый фон уже задан в MainActivity.
10. 21130 0:21 - 0:22
    В этом файле все.
11. 23340 0:23 - 0:25
    В XML-файле с кодом для
    индивидуальных элементов чата
12. 25460 0:25 - 0:28
    у нас три ненужных элемента background.
13. 28220 0:28 - 0:33
    Вот этот нам не нужен.
    Вот этот тоже.
14. 34720 0:35 - 0:38
    И последний внизу:
    этот белый фон в разметке не нужен.
15. 38320 0:38 - 0:40
    Так что мы можем их удалить.
16. 42040 0:42 - 0:43
    Отлично.
17. 42820 0:43 - 0:46
    Посмотрим, что нам
    удалось сделать с наложениями.
18. 47070 0:47 - 0:49
    Вот так должен выглядеть ваш экран,
19. 48680 0:49 - 0:51
    если вы удалили
    все ненужные элементы background.
20. 50920 0:51 - 0:52
    Аккуратнее, правда?
21. 52980 0:53 - 0:55
    Хорошая работа.
22. 54560 0:55 - 0:55
    Мы почти закончили.
23. 55420 0:55 - 0:59
    Но нам нужно внести
    еще одну поправку.
24. 58980 0:59 - 1:02
    Обратите внимание на наложение
    в области аватаров.
25. 61550 1:02 - 1:05
    Здесь сначала отрисовывается
    прямоугольник, а уже поверх него — аватар.
26. 65410 1:05 - 1:07
    Давайте поступим хитрее.
27. 67400 1:07 - 1:10
    Пусть фон задаётся только тогда,
    когда аватар не удалось обнаружить.
28. 70740 1:11 - 1:13
    Это можно сделать
    путем добавления условия.
29. 73560 1:14 - 1:14
    Хорошо.
30. 74040 1:14 - 1:17
    Откроем код ChatAdapter,
    который отвечает
31. 76870 1:17 - 1:20
    за наполнение элементов чата
    при их загрузке.
32. 80410 1:20 - 1:23
    Перейдем к методу getView.
33. 82740 1:23 - 1:26
    В самом низу есть логическое выражение,
    которое одновременно
34. 85760 1:26 - 1:29
    выводит на экран аватар
    и фоновую заливку.
35. 89410 1:29 - 1:32
    Попробуем сделать его
    чуть более рациональным.
36. 91610 1:32 - 1:34
    Напишем код, который
    будет задавать цвет фона
37. 94190 1:34 - 1:36
    только при отсутствии аватара,
38. 96210 1:36 - 1:40
    а при его наличии
    делать фон прозрачным
39. 99650 1:40 - 1:41
    и просто загружать аватар.
40. 101340 1:41 - 1:43
    Это можно реализовать следующим образом.
41. 103210 1:43 - 1:46
    Вот так выглядит новый код.
42. 105520 1:46 - 1:49
    Когда аватар отсутствует,
    мы просто загружаем
43. 109020 1:49 - 1:52
    фон прозрачного цвета туда,
    где должен был находиться аватар,
44. 112480 1:52 - 1:56
    а затем задаем настоящий
    цвет фона.
45. 115670 1:56 - 1:59
    При выполнении условия else,
    когда аватар есть в наличии,
46. 118820 1:59 - 2:01
    происходит обычная загрузка
    этого аватара.
47. 121160 2:01 - 2:05
    а затем устанавливается
    прозрачный цвет фона.
48. 124590 2:05 - 2:06
    Так мы минимизируем наложение.
49. 126982 2:07 - 2:09
    Посмотрим, как эти изменения
    исправили ситуацию.
50. 130160 2:10 - 2:11
    Отлично.
51. 130949 2:11 - 2:13
    Как можно заметить,
52. 132960 2:13 - 2:16
    с обновленным кодом
    наложений стало значительно меньше.
53. 135902 2:16 - 2:19
    Это была последняя оптимизация.
    На этом здесь всё.
54. 139040 2:19 - 2:21
    Повторим последовательность шагов.
55. 140670 2:21 - 2:24
    В самом начале
    наложение было намного заметнее.
56. 143630 2:24 - 2:27
    Мы установили для атрибута drawable
    значение null.
57. 146840 2:27 - 2:31
    Затем мы удалили ненужные
    объявления фона
58. 151010 2:31 - 2:32
    из XML-разметки.
59. 152890 2:33 - 2:37
    И, наконец, мы ввели условие,
    по которому цвет фона отображается
60. 156580 2:37 - 2:39
    только при отсутствии аватара.
61. 159240 2:39 - 2:42
    После этих поправок
    получился вот такой результат.
62. 162240 2:42 - 2:45
    Здесь значительно
    меньше наложений при отрисовке.
63. 164970 2:45 - 2:47
    Отличная работа.
64. 166790 2:47 - 2:49
    И помните: perf помогает!