Showing Revision 1 created 10/12/2015 by sp16.

1. Title:
2. Description:

3. 450 0:00 - 0:04
   Kodlamaya başlamadan önce, bu
   soruyu cevaplayacağım.
4. 3650 0:04 - 0:07
   Ben yalnızca gerçekten hala LinearLayouts
   ve RelativeLayouts adında iki tane
5. 7460 0:07 - 0:09
   görüntü grubu tanıyorum.
6. 8626 0:09 - 0:14
   Şimdir buradaki anahtar kelime bu
   ikisinin eşit aralığı yakalamasıdır.
7. 13710 0:14 - 0:16
   Tasarım kalınlığı kullanımı gerçekten
   kolay yapılması gereken iştir.
8. 17480 0:17 - 0:20
   Pekala, haydi devam edelm ve bu
   koda bakalım.
9. 20070 0:20 - 0:23
   Pekala, artık Javada çalışmıyorum öyleyse
   devam edeceğim ve activity_main.xml'i
10. 22880 0:23 - 0:25
    gözden geçireceğim.
11. 25830 0:26 - 0:27
    Ve işte XML dosyası.
12. 28270 0:28 - 0:34
    O zaman tüm bu kodları başka bir
    LinearLayout'a koyarak başlayacağım.
13. 33875 0:34 - 0:38
    Ve bu benim iki tane mini LinearLayouts'um
    için üst öğe LinearLayout'udur.
14. 39360 0:39 - 0:44
    Ve bu iki çizgiyi buraya taşıyacağım
    çünkü bunların kök dizini görünümüne
15. 43900 0:44 - 0:50
    eklenmiş olması ve kapama parantezinin
    ilave edilmiş olması gerekmektedir.
16. 49670 0:50 - 0:54
    Pekala, Android Studio benim için burada
    otomatik olarak bir kapama biçimi
17. 53990 0:54 - 0:55
    oluşturdu. O zaman devam edeceğim ve
    kapama biçimini keseceğim, alta doğru
18. 55060 0:55 - 0:59
    kaydıracağım ve bunu yapıştıracağım.
19. 61160 1:01 - 1:06
    Pekala şimdi kırmızı bir kıvrımlı çizgim
    var ve eğer hataya bakarsam, onun
20. 66450 1:06 - 1:11
    layout_height ve layout_width'ının belli
    olması gerektiğini söylediğini görebilirim.
21. 70660 1:11 - 1:12
    Vay canına!
    Pekala, haydi yapalım.
22. 73210 1:13 - 1:18
    Çünkü bu kök dizini görüntüsü, devam
    ediyorum ve bu match_parent'u yapıyorum.
23. 80050 1:20 - 1:21
    Pekala, öyleyse bir adet LinearLayout
    çevrem ve bir adet alt
24. 81140 1:21 - 1:26
    LinearLayout'ım var şimdi.
25. 85610 1:26 - 1:30
    Ve eğer Önizlemeye gidersem,
    oldukça benzer olduğunu görürüm.
26. 90500 1:30 - 1:36
    Pekala, yapacağım şey A takımı
    LinearLayout'unu ve sağ alt A
27. 95510 1:36 - 1:41
    takımını kopyalayacağım ve yapıştıracağım.
28. 102160 1:42 - 1:47
    Ve bu benim B takımı LinearLayout'um
    olacak.
29. 107026 1:47 - 1:52
    O zaman şimdi bunlar biraz kötü organize
    edilmiş gibi görünmeye başlayacak.
30. 112209 1:52 - 1:57
    O zaman, Cmd+A veya hepsini seç
    yapacağım ve sonra kodumu formatlamak
31. 117264 1:57 - 2:04
    için klavye kısayolu Cmd+Option+
    öğesini kullanacağım.
32. 123520 2:04 - 2:08
    Windows'da daha iyi Ctrl+Alt+L kısayoludur.
33. 127930 2:08 - 2:12
    Şimdi, sadece burada olan biteni
    anladığınızdan emin olmak istiyorum.
34. 131560 2:12 - 2:17
    Üste doğru kaydırarak, burada bir
    adet kök dizini LinearLayout'a sahibim.
35. 136640 2:17 - 2:22
    Burada başlıyor ve aşağıya doğru
    tam olarak kaydırırsam, burada sona erer.
36. 143320 2:23 - 2:27
    Bu LinearLayout kök dizini içerisine
    doğru, tekrardan yukarı kaydıracağım.
37. 148220 2:28 - 2:32
    Burada başlayan bir adet alt tasarıma
    sahibim.
38. 151919 2:32 - 2:35
    Yavaş yavaş aşağıya kaydıracağım.
39. 155459 2:35 - 2:37
    Ve o burada sonlanıyor.
40. 157150 2:37 - 2:39
    Bu TeamA için.
41. 158860 2:39 - 2:42
    Ve burada başlayan başka bir alt
    LinearLayout'um var.
42. 162260 2:42 - 2:47
    Yavaşça aşağı kaydırın, bu TeamB
    için burada sona ermektedir.
43. 167418 2:47 - 2:50
    Pekala, şimdiüstte kırmızı bir tanesini
    farkettim, tekrar yukarı kaydıracağım
44. 169956 2:50 - 2:53
    ve hatanın ne olduğunu göreceğim.
45. 174400 2:54 - 2:58
    Hatalı sayfa yönü, sayfa yönü
    belirtilmedi ve varsayılan yatay.
46. 178440 2:58 - 3:01
    En azından geniş match_parent'in
    bulunduğu yerde bu tasarım
47. 180965 3:01 - 3:04
    çoklu bir alttakine sahip.
48. 183793 3:04 - 3:08
    Hm, güzel bunun yatay olmasını istiyorum
    ancak haydi devam edelim ve sayfa
49. 188092 3:08 - 3:10
    yönünü belirleyelim.
50. 191360 3:11 - 3:15
    Yine, bu teknik açıdan gerekli değildir
    çünkü varsayılan yatay ancak
51. 195400 3:15 - 3:16
    bunun net olması güzel.
52. 197950 3:18 - 3:22
    Pekala, alttakilerle ilgili birbirinin
    dahil edilmesiyle ilgili birşeyler
53. 202168 3:22 - 3:24
    söylüyorlardı. Önizlemeye tıklayacağım.
54. 204334 3:24 - 3:28
    LinearLayout için tüm kopyalama ve
    yapıştırma sıkıntılarını halletmeme rağmen,
55. 207901 3:28 - 3:31
    bunun gerçekten çok değişmediği
    görünmektedir.
56. 211905 3:32 - 3:34
    Bu, baktığım hataya sahip olabilir.
57. 215525 3:36 - 3:39
    Bunun yatay bir tasarım olduğu
    söyleniyordu.
58. 218915 3:39 - 3:43
    O zaman o, birbirine yakın bu iki
    LinearLayouts'u tasarlamaya çalışıyordu
59. 222615 3:43 - 3:47
    ancak LinearLayout, ekranı dolduran
    match_parent'ın layout_width'ine
60. 226591 3:47 - 3:50
    sahiptir.
61. 229940 3:50 - 3:55
    Aslında benim ilk LinearLayout'um
    ekranı dolduruyor ve sonra diğer
62. 234510 3:55 - 3:59
    LinearLayout ekranın dışına yakın
    bir yerde yerleştiriliyor.
63. 240000 4:00 - 4:03
    O zaman, haydi bu noktada aslında ne
    yapmak istediğimizi düşünelim.
64. 243360 4:03 - 4:08
    Biz iki tane tasarımın birbirine yakın ve
    eşit aralıkta tamamlanmasını istiyoruz.
65. 248090 4:08 - 4:12
    O zaman ne zaman layout_weights'da
    getirmeye gereksinim duyacağız.
66. 251860 4:12 - 4:16
    İlk LinearLayout'u alacağım ve 1
    numaralı layout_weight'u
67. 256267 4:16 - 4:20
    vereceğim.
68. 261140 4:21 - 4:26
    Aynı zamanda genişliğini 0'a ayarlayacağım.
69. 266160 4:26 - 4:30
    Pekala, aslında gerçekten düzgünce
    gösterilmeyen biz iki tane
70. 269940 4:30 - 4:33
    LinearLayouts'u görebiliriz.
71. 272940 4:33 - 4:35
    Ama bu biraz daha iyi.
72. 274560 4:35 - 4:38
    O zaman buraya kendi ikinci LinearLayout'um
    üzerine layout_weight koymam
73. 277807 4:38 - 4:39
    gerekiyor.
74. 278877 4:39 - 4:40
    O zaman biraz daha aşağıya kaydıracağım.
75. 280500 4:40 - 4:42
    İşte benim ikinci LinearLayout'um.
76. 282190 4:42 - 4:44
    Tam olarak aynı şeyi yapacağım.
77. 284250 4:44 - 4:48
    Bunun 1 numaralı layout_weight'a
    sahip olduğunu söyleyeceğim ve
78. 288186 4:48 - 4:51
    şimdi bunlar eşit layout_weight'a sahipler.
79. 292650 4:53 - 4:56
    Ve sonra genişliği 0'a ayarlayacağım.
80. 295630 4:56 - 5:00
    Eğer bunların her iki tarafı herhangi
    bir genişlik kaplamıyorsa, pekala
81. 300160 5:00 - 5:05
    sebep her ikisinin genişliğini 0'a
    ayarlamış olmamdır.
82. 304588 5:05 - 5:07
    Sonra, tüm ekran boyunca olan
    bütün ekstra aralıkları alacağım ve
83. 306850 5:07 - 5:11
    yarısını birine yarısına başkasına
    vererek böleceğim, çünkü bunların
84. 311340 5:11 - 5:15
    her ikiside aynı tasarım kalınlığına
    sahipler.
85. 314950 5:15 - 5:18
    Eğer tüm bunlar kafa karıştırıyorsa,
    layout_weight ile ilgili eğitici notlarda
86. 317650 5:18 - 5:20
    birkaç link paylaştım.
87. 320350 5:20 - 5:24
    Pekala, ancak A takımı hariç bu
    oldukça güzel görünüyor.
88. 324162 5:24 - 5:29
    Burada bunu değiştirmek için aşağıya
    kaydıracağım ve bunu B takımına
89. 330460 5:30 - 5:35
    değiştireceğim. Şimdi burada bir hatanın
    olduğunu farketmişsinizdir, bu hata
90. 335420 5:35 - 5:40
    oluyor çünkü çift ID'iz var.
91. 339760 5:40 - 5:42
    Unutmayın, yalnızca kodu kopyaladım
    ve yapıştırdım.
92. 342340 5:42 - 5:46
    O zaman esasında biz team_a_score'ın
    aynı id'sine sahip olmaya çalışan
93. 346090 5:46 - 5:48
    iki şeyimiz var.
94. 348030 5:48 - 5:52
    O zaman bu team_b_score'u
    gerçekten değiştireceğim.
95. 351800 5:52 - 5:54
    Pekala, bu oldukça güzel görünüyor.
96. 353840 5:54 - 5:55
    Bunu görmek biraz zor.
97. 354830 5:55 - 5:55
    Yaklaştıracağım.
98. 356800 5:57 - 5:58
    Ancak burası B takımı.
99. 359290 5:59 - 6:02
    Ve tüm doğru tuşlara ve doğru
    metin görünümlerine sahibim.
100. 362420 6:02 - 6:04
     O zaman bunu kendi telefonumda
     çalıştıracağım.
101. 365490 6:05 - 6:08
     Pekala, bu oldukça güzel görünüyor.
102. 367960 6:08 - 6:13
     Şimdi eğer A takımı tuşlarına basarsam,
     o güncellenir, bu harika.
103. 373418 6:13 - 6:19
     Eğer B takımı tuşlara basarsam,
     aynı zamanda o da güncellenir.
104. 378840 6:19 - 6:21
     Bu özeldir.
105. 380910 6:21 - 6:23
     Ancak unutmayın,
     biz yalnızca XML'i elde etmek istedik.
106. 383480 6:23 - 6:26
     Gerçekten Java'yla ilgilenmedik.
107. 385630 6:26 - 6:29
     Ancak şimdi XML çalışıyor,
     Java'yı neden düzeltmeyelim?