Showing Revision 7 created 03/14/2016 by PRT_id_5.

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

   02-07 Visualize_and_Fix_Overdraw_-_Solution

3. 480 0:00 - 0:05
   Seharusnya ada empat latar belakang
   tidak perlu di fail yang tersisa.
4. 4860 0:05 - 0:07
   Mari kita lihat dan tinjau.
5. 6660 0:07 - 0:11
   Di XML aktivitas dasar kita, ingat,
   kita ingin latar belakangnya tetap putih.
6. 11360 0:11 - 0:14
   Dalam fail XML untuk fragmen obrolan,
7. 13920 0:14 - 0:18
   kita menemukan latar
   belakang putih yang tidak perlu di sini.
8. 17640 0:18 - 0:21
   Ini tidak diperlukan karena bisa memakai
   yang putih dari aktivitas utama.
9. 21170 0:21 - 0:23
   Sudah cukup untuk fail ini.
10. 23420 0:23 - 0:25
    Dalam XML untuk butir obrolan
    individual kita,
11. 25460 0:25 - 0:28
    kita punya tiga latar belakang
    yang tidak perlu.
12. 28220 0:28 - 0:34
    Ada satu yang tidak diperlukan di sini,
    satu lagi ada di sini,
13. 34320 0:34 - 0:38
    dan terakhir, di bawah ini, kita tak perlu
    latar belakang putih ini di tampilan teks.
14. 38380 0:38 - 0:41
    Mari lanjut dan hapus semua.
15. 42040 0:42 - 0:47
    Oke, sudah. Mari kita lihat kemajuan,
    sehubungan dengan overdraw.
16. 46750 0:47 - 0:49
    Seperti ini harusnya tampilan layar Anda
17. 48680 0:49 - 0:51
    dengan latar belakang dihilangkan
    secara tuntas.
18. 51040 0:51 - 0:52
    Lebih bersih, kan?
19. 52980 0:53 - 0:55
    Oke, kerja bagus.
20. 54560 0:55 - 0:55
    Hampir selesai.
21. 55420 0:55 - 0:59
    Tapi, sebenarnya ada satu pengoptimalan
    akhir yang dapat dilakukan.
22. 58980 0:59 - 1:02
    Perhatikan ada overdraw di sini
    di sebelah avatar,
23. 61550 1:02 - 1:05
    sebab kita menggambar persegi lalu ada
    gambar avatar di atasnya.
24. 65410 1:05 - 1:07
    Mari mencoba lebih cerdik di sini.
25. 67400 1:07 - 1:11
    Coba atur latar belakang hanya bila
    avatar tidak dapat ditemukan.
26. 70530 1:11 - 1:13
    Ini bisa dilakukan dengan kode bersyarat.
27. 73470 1:13 - 1:16
    Baik, kita beralih ke
    kode adaptor obrolan,
28. 75560 1:16 - 1:20
    yang bertanggung jawab mengisi
    butir obrolan individual kita saat dimuat.
29. 80410 1:20 - 1:23
    Lanjut ke metode 'dapatkan tampilan'.
30. 82740 1:23 - 1:25
    Di bawah sini kita memiliki
    beberapa logika
31. 84940 1:25 - 1:29
    yang menampilkan avatar dan pengaturan
    warna latar belakang secara bersamaan.
32. 89410 1:29 - 1:32
    Mari periksa apakah kita bisa
    sedikit lebih cerdik.
33. 91610 1:32 - 1:36
    Mari tulis kode yang hanya mengatur
    warna latar belakang, jika tak ada avatar.
34. 96030 1:36 - 1:41
    Jika ada, atur warna latar menjadi
    transparan dan cukup memuat avatar.
35. 101020 1:41 - 1:45
    Kita dapat melakukannya seperti ini.
    Baiklah, ini kode yang telah diperbarui.
36. 105520 1:46 - 1:49
    Perhatikan ketika tidak ada avatar,
    yang kita lakukan adalah
37. 108730 1:49 - 1:52
    memuat warna transparan ke tempat
    avatar yang biasanya,
38. 112340 1:52 - 1:56
    lalu mengatur warna latar belakang
    yang sebenarnya untuk avatar.
39. 115670 1:56 - 1:59
    Di kasus lain, yang menyajikan
    adanya avatar,
40. 118820 1:59 - 2:01
    kita langsung memuat avatar
    seperti seharusnya,
41. 121160 2:01 - 2:05
    lalu buat warna latar belakang
    menjadi transparan.
42. 124590 2:05 - 2:07
    Ini meminimalkan overdraw.
43. 126982 2:07 - 2:10
    Mari lanjut dan melihat cara
    perbaikan ini membantu.
44. 130160 2:10 - 2:11
    Bagus.
45. 130949 2:11 - 2:13
    Seperti yang Anda lihat di avatar kita,
46. 132960 2:13 - 2:16
    lebih sedikit overdraw dengan
    kode kita yang diperbarui ini.
47. 135902 2:16 - 2:19
    Itulah pengoptimalan terakhir
    kita, artinya selesai.
48. 139040 2:19 - 2:21
    Mari kita ulangi.
49. 140670 2:21 - 2:24
    Saat mulai, overdraw kita
    jauh lebih menonjol.
50. 143630 2:24 - 2:27
    Pertama-tama kita atur latar belakang
    yang bisa digambar ke nol.
51. 146840 2:27 - 2:33
    Kedua, kita menghapus dekorasi latar
    belakang yang tidak perlu dari markah XML.
52. 152860 2:33 - 2:37
    Terakhir, yang ketiga, kita tunjukkan
    warna latar belakang
53. 156580 2:37 - 2:39
    hanya jika avatar tidak ada.
54. 159240 2:39 - 2:42
    Dengan perubahan ini, kita dapat
    hasil seperti ini.
55. 162240 2:42 - 2:45
    Jauh lebih bersih terkait
    kinerja overdraw.
56. 164970 2:45 - 2:47
    Jadi, kerja yang bagus.
57. 166790 2:47 - 2:49
    Ingatlah, kinerja itu penting.