Showing Revision 4 created 01/20/2016 by QA_SP_6_TK.

1. Title:
   02-12 Fixing_Overdraw_with_Canvas_API
2. Description:

   02-12 Fixing_Overdraw_with_Canvas_API

3. 486 0:00 - 0:03
   Pekâlâ, işte tekrar
   Android Studio'dayız,
4. 3189 0:03 - 0:06
   DroidCardsView'un kaynağını inceleyeceğiz.
5. 5606 0:06 - 0:08
   Bu bizim özel görünümümüz.
6. 7962 0:08 - 0:12
   Hatırlayalım, oyun kartı destesini
   geliştirdiğimiz yer, bu özel görünümdür.
7. 11870 0:12 - 0:14
   Örneğin, her kart kendi
   bit eşlemine sahip ve
8. 14480 0:14 - 0:18
   onDraw metodunu
   kullanarak bunları ekrana çiziyoruz.
9. 19280 0:19 - 0:22
   Hatırlayın, Android, onDraw metoduyla,
   bu görünümün oluşturulmasını
10. 22320 0:22 - 0:26
    optimize edemeyecektir.
    Bu nedenle, geliştiriciler olarak
11. 25580 0:26 - 0:29
    bizim görevimiz, gereksiz abartılı
    çizimlerden kaçınmak için
12. 28720 0:29 - 0:31
    ekrana çizilirken her bir kartı
    uygun biçimde kırpmaktır.
13. 32470 0:32 - 0:36
    Şanslıyız ki, Tuval API, kartlarımızı
    daha verimli çizmek için ihtiyacımız
14. 36010 0:36 - 0:38
    olan doğru metotları sağlar.
15. 38010 0:38 - 0:39
    Dokümantasyona bir bakalım.
16. 40520 0:41 - 0:45
    Kodumuzu geliştirmek için,
    canvas.clipRect metodunu kullanalım.
17. 45010 0:45 - 0:49
    Dört kaydırmayı, parametre olarak alan
    bu değişkeni kullanacağız.
18. 49272 0:49 - 0:51
    Tamam, tekrar Android Studio'dayız.
19. 51325 0:51 - 0:56
    Bu abartılı çizimi sadeleştirmek için,
    basamaklı düzendeki kartları keselim.
20. 56074 0:56 - 0:59
    Android Studio'daki bu havalı özelliği,
    bir diff görünümü getirmek için
21. 59063 0:59 - 1:02
    kullanacağım, böylece kodun önceki
    ve sonraki durumunu görebileceksiniz.
22. 62212 1:02 - 1:06
    Şimdi karşılaştırma görünümündeyiz,
    özellikle kullanmakta olduğumuz
23. 65510 1:06 - 1:09
    onDraw metoduna bakacağız.
24. 69180 1:09 - 1:12
    Sol tarafta döngünün
    eski hâlini görüyoruz,
25. 71590 1:12 - 1:15
    ama gelin, sağ tarafta yapacağımız
    ilerlemelere odaklanalım.
26. 75110 1:15 - 1:19
    Kartlarımızın üzerinden geçerken,
    ilerlememizin her bir adımını inceleyelim.
27. 79100 1:19 - 1:23
    İlk olarak, kart pozisyonunu
    hesaplayacağız.
28. 83850 1:24 - 1:27
    Daha sonra, verili tuval durumunu
    kaydedecek olan
29. 86736 1:27 - 1:29
    canvas.save işlevini çağıracağız.
30. 89491 1:29 - 1:31
    Diğer bir deyişle,
31. 90549 1:31 - 1:36
    ekranınızın, clipRect API'yı uygulanmadan
    önceki durumunu sürdürür.
32. 95691 1:36 - 1:37
    Bu clipRect metodunu çağırdığımızda,
33. 97485 1:37 - 1:41
    temel olarak bazı geometrik
    sınırlamalar uygularız.
34. 100664 1:41 - 1:44
    Bu parametreleri geçirdiğimizde,
    sisteme, kartların sadece görmek
35. 103580 1:44 - 1:47
    istediğimiz kısımlarını çizmesini
    söylemiş oluruz.
36. 107000 1:47 - 1:48
    Geri kalan kısım ise saklı kalır.
37. 109470 1:49 - 1:52
    Yalnızca belirlediğimiz sınırların
    içinde kalan kartların
38. 112250 1:52 - 1:55
    kısımları çizilecektir.
39. 114660 1:55 - 1:57
    Son olarak, canvas.restore
    metodunu çağıracağız,
40. 117012 1:57 - 2:00
    bu metot, tuvali kırpılmamış
    hâline döndürecek.
41. 119890 2:00 - 2:01
    Diğer bir deyişle,
42. 120650 2:01 - 2:04
    clipRect metodunu çağırdığımızda
    uyguladığımız sınırlamaları kaldıracak.
43. 124244 2:04 - 2:09
    Sonra bu döngüyü, en üstteki hariç,
    tüm kartlarda tekrar ediyoruz.
44. 128788 2:09 - 2:11
    Özellikle en üstteki ve son kartı,
    altındaki kardeşlerden
45. 131080 2:11 - 2:14
    farklı biçimde işleme
    tabi tutacağız.
46. 133780 2:14 - 2:16
    Bunun için, kırpmaya gerek yok,
47. 136440 2:16 - 2:19
    o yüzden, devam edip tamamını çizeceğiz.
48. 138650 2:19 - 2:21
    Buradaki bildirim vasıtasıyla,
    bunu görebilirsiniz.
49. 141980 2:22 - 2:24
    Pekâlâ, geliştirdiğimiz
    kodumuzu uygulayalım
50. 143800 2:24 - 2:26
    ve abartılı çizimleri sadeleştirip
    sadeleştiremediğimize bakalım.
51. 147660 2:28 - 2:29
    Pekâlâ, harika.
52. 148820 2:29 - 2:31
    Gördüğünüz gibi,
    daha az abartılı çizim var.
53. 152130 2:32 - 2:35
    Umarım, Tuval API'nın, özel görünümlerle
    çalışırken, çizim yapmanın
54. 155250 2:35 - 2:38
    verimli bir yolu olduğu
    açık hâle gelmiştir.
55. 158350 2:38 - 2:42
    Tuval API'yı daha fazla
    keşfetmek isterseniz,
56. 161720 2:42 - 2:45
    eğitmen notlarındaki tam
    dokümantasyona başvurun.
57. 165170 2:45 - 2:48
    Bunlar gibi görünümler, benzersiz
    ve ilgi uyandıran bir kullanıcı deneyimi
58. 168460 2:48 - 2:52
    yaratmamıza yardım eder, fakat
    unutmayın ki, Android'in başarılı biçimde
59. 172480 2:52 - 2:56
    böyle görünümler yaratmasını sağlamak
    için sisteme ipuçları sağlamalıyız.
60. 176110 2:56 - 3:00
    Her ne zaman bir özel görünüm
    yaratırsanız, abartılı çizimleri
61. 179510 3:00 - 3:03
    kontrol etmeyi ve dostumuz clipRect
    metodunu çağırmayı unutmayın.
62. 183072 3:03 - 3:04
    Pekâlâ, iyi iş çıkardık.
63. 184290 3:04 - 3:07
    Şimdi, daha çok perf bilgisi için
    sözü yine Colt'a bırakalım.