YouTube

Got a YouTube account?

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

Turkish subtitles

← 02-05 LinearLayout

Get Embed Code
13 Languages

Showing Revision 4 created 10/31/2015 by Deniz Kurt.

  1. Tamam, bu LinearLayout'un
    içinde nasıl iki çocuk (child)
  2. TextView barındırdığını gördük.
  3. Bu arada bu arkaplan renkleri, bu iki
    çocuk TextView'in bu ebeveyn (parent)
  4. içinde olduklarını anlamanıza yardımcı
    olacak öğretici araçlar.
  5. Bu görünümlerde arkaplan
    renklerini özellikle kırmızı ve mavi
  6. olarak ayarlamadığınız taktirde
    aslında cihazda görünmezler.
  7. Ne demek istediğimi size göstermek
    için XML Visualizer'a gidelim.
  8. XML Visualizer'a kodu eklediğimizde,
  9. cihazda bu şekilde görünür.
  10. Yani önce LinearLayout ViewGroup var
  11. ve bu şeffaf, çünkü ayarlanmış
    bir arkaplan rengi yok.
  12. İlk çocuk, konuk listesini
    gösteren bir TextView,
  13. işte burada üstte görünüyor.
  14. İkinci çocuk Kunal diyen bir TextView
  15. ve ilk TextView'in altında görünüyor.
  16. Şimdi eğer bu TextView'i kopyalayıp
    bunun altına yapıştırırsam
  17. ne olacağını düşünüyorsunuz?
  18. Evet, ilkinin altında görünen
    başka bir Kunal olur.
  19. Tamam, öyle görünüyor ki buraya
    eğer daha fazla TextView eklersek,
  20. listede art arda görünecekler.
  21. Haydi koda daha yakından bakalım.
  22. Önce açma köşeli parantezi ile başlar
  23. ve sonra görünüm ismi, yani LinearLayout.
  24. Sonra bir sürü özellik listeler ve
    ardından da kapama köşeli parantezi olur.
  25. Eğik çizgi olmadığına dikkat edin,
    çünkü bu sadece
  26. LinearLayout'un açma etiketi.
  27. Kapama etiketi burada aşağıda,
  28. çünkü açma ve kapama etiketleri arasına
    çocuk elementleri koymak istiyoruz.
  29. Ama örneğin, bu TextView içinde
    çocuk olmadığı için,
  30. sadece ona ait kapama
    etiketi kullanabiliriz.
  31. Buradaki TextView için de öyle
    ve buradaki bu TextView için de.
  32. Bir ViewGroup'un çocuk görünümler
    barındırdığını söylediğimizde,
  33. onları açma ve kapama etiketleri
    arasına koymamız lazım.
  34. Şimdi fark edebileceğiniz başka
    bir şey de şu özellik:
  35. android:orientation="vertical".
  36. Bunu daha önce görmemiştik,
  37. bu yüzden size daha önce gösterdiğim
    gibi Android dokümantasyonuna bakalım.
  38. Yeni bir tarayıcı pencere açıyorum ve
    sonra "android orientation" yazıyorum.
  39. İlk sonuç bir LinearLayout ile ilgili
  40. ve developer.android.com sitesinde.
  41. Haydi ona tıklayalım.
  42. Aynı TextView dokümanında
    olduğu gibi, biraz karışık.
  43. Bu metnin çoğunu göz ardı edebilirsiniz.
  44. Sadece bu sayfanın gerçekten LinearLayout
    için olduğunu doğrulamamız lazım
  45. ve sonra aşağı inip
    XML özelliklerine bakalım.
  46. Şimdi android:orientation
    denen özelliğe bakacağız
  47. ve işte burada.
  48. O hâlde tıklayıp daha detaylı bakalım.
  49. Tanımda yerleşimin sütun mu,
  50. yoksa satır mı olduğunu bu özelliğin
    belirlediğini söylüyor.
  51. Bu özelliğin değeri satır için yatay,
  52. sütun için ise dikey olmalı.
  53. Sonra burada bu iki değeri sıralıyor.
  54. Güzel, şu anda kodumuzun söylediği
    android:orientation'un dikey olduğu.
  55. Bu görünümlerin neden sütun
    olarak göründüğünü açıklar.
  56. Şimdi merakımızı gidermek için
    diğer değeri de denemeliyiz.
  57. Yönelimi yatay olarak ayarlayalım
    ve neler olduğunu görelim.
  58. Koda gidip dikey değeri sileceğim.
  59. Yatay yazacağım ve bakın
    görünümler şimdi yatay bir sırada.
  60. Sizi bilmiyorum,
  61. ama konuk listemi yatay olarak
    okumayı sevmiyorum.
  62. Ancak yatay LinearLayout olmasını
  63. isteyeceğiniz başka yararlı durumlar var.
  64. Örneğin, bir liste öğesi
    yaratıyorsanız, resmin sol tarafta
  65. ve tanımın sağ tarafta
    olmasını isteyebilirsiniz.
  66. Biraz sonra bunu kendi kendinize
    denemenizi istiyorum,
  67. ama önce bu ek kod satırına
    dikkat çekmek istiyorum.
  68. Bu XML ad boşluğu bildirimi.
  69. Bu ad boşluğunu bütün bu özelliklerin
    Android'e ait olduğunu
  70. belirtmek için kullanıyoruz.
  71. Bu yüzden hepsi android: ile başlıyor.
  72. Bu aslında Android'e özel olan
    bu spesifik URL için bir kısayol.
  73. Siz kendi isteğinize uyarlanmış
    özellikler yaratabilirsiniz.
  74. İki özelliğin aynı isme sahip olduğu halde
    farklı davranışları olduğunda
  75. isim çelişkilerini önlemek için,
    her zaman bu android: ön ekini
  76. buraya ekleriz; böylece Android
    özellikleri olduğunu belirtmiş oluruz.
  77. Yani esasen her zaman bu XML ad boşluğu
    bildirimini XML dosyanızın
  78. kök görünümünde açma etiketi
    içine eklemeyi unutmayın.
  79. Şimdi sıra sizde.
  80. Şimdi sizin LinearLayout koduyla
    deneme yapmanızı istiyoruz.
  81. Daha çok TextView eklemeyi deneyin
    ki bu sütunda daha fazla öğe olsun.
  82. Partiniz için seçkin bir konuk
    listesine kimleri koyardınız?
  83. Aynı zamanda LinearLayout yönelim
    özelliğini değiştirmeyi deneyin.
  84. Dikey veya yatay olarak
    ayarlanabileceğini unutmayın.