YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Turkish subtitles

← 07-37 Add the Other Team in XML

Get Embed Code
13 Languages

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

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