YouTube

Got a YouTube account?

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

Turkish subtitles

← 02-07 Genişlik ve Yükseklik

Get Embed Code
14 Languages

Showing Revision 10 created 10/24/2015 by Özgür Şahin.

  1. Parti için misafir listesi yapıyorduk.

  2. Doğumgünü partisinden bahsediyorsun
    değil mi Catherine?
  3. Evet.
  4. Umarım listedeyim.
  5. Bakacağız artık.
  6. Gerçekten küçük düşmüş hissettim.
  7. Küçük demişken
  8. ekrandaki görüntü boyutları
    hakkında konuşalım.
  9. Sabit yükseklik kullanmıştık
    değil mi, dp olan?
  10. Evet, genişlik ve yükseklik.
  11. Ayrıca içeriği sar (wrap_content)
    olarak ayarlayabiliriz.
  12. Ki bu görüntünün kendisini
    içeriğin etrafına sarmasının
  13. garip bir şekilde söylenişidir.
  14. Yani içerik büyürse,
  15. görüntü de büyür, içerik küçükse
    görüntü de küçülür.
  16. Evet ve aslında bir üçüncü şey daha var,
    adı da match parent.
  17. Bu biraz garip görünüyor.
  18. Kulağa yalnız anne babalar için
    randevu sitesiymiş gibi geliyor.
  19. Pek sayılmaz.
  20. Match parent demek görüntü
    üst öğe kadar geniş veya uzun olur demek.
  21. Mantıklı.
  22. Ben bir görüntüyüm,
    benim bir üst öğem var ve
  23. genişlik ve yüksekliğim de üst öğem
    ile aynı olacak.
  24. - Tamam.
    - Aynen, yani özetlersek,
  25. bir görüntünün boyutu için ayarlayacağınız
    farklı değerler genişliktir.
  26. Genişlik ve yükseklik için sabit dp.
  27. Doğru, ayrıca wrap_content de yapabilirsin.
  28. Ve deneyeceğimiz diğer şey ise
  29. match_parent.
  30. LinearLayout'ta alt görüntüde farklı
    genişlik değerlerin son kullanıcı
  31. arayüzünü nasıl etkileyebileceğine
    dair birkaç örnek verelim.
  32. Bu örnekte her alt görüntüyü
    sabit 200 dp değerine ayarlıyoruz.
  33. Eğer her görüntüdeki içerik
    200 dp'den büyük ise
  34. o zaman bunun gibi bazı
    içeriği kırmayı göze almalısınız.
  35. Bu örnekte, her alt görüntü genişliğini
    wrap_content olarak ayarlıyoruz.
  36. Şimdi tüm içerik gösteriliyor fakat
  37. her görüntünün genişliği içeriğine
    olana bağlı olarak değişiyor.
  38. Bu örnekte, her alt görüntü genişliğini
    match_parent olarak ayarlandı.
  39. Gördüğünüz gibi, her alt öğenin genişliği
    üst görüntü grubu kadar oluyor.
  40. İçeriğine bağlı değil.
  41. Bu aynı değerler her görüntü
    yüksekliği için de uygulanabilir.
  42. Bu örnekte bu alt görünümün
    yüksekliğini 200 dp olarak ayarladık.
  43. Eğer içeriği ondan uzunsa
  44. o zaman içeriğin bir kısmının
    kırpılması riski bulunuyor.
  45. Bu örnekte, bu alt görünümün
    yüksekliğini wrap_content ayarladık.
  46. Böylece tüm içerik ekranda gösterilecek ve
  47. hiçbir kırpma olmayacak çünkü
    metin görünümünün boyutu
  48. içeriğine bağlı olacak.
  49. Bu örnekte, bu alt görünümün
    yüksekliğini match_parent ayarladık.
  50. Böylece alt görünüm üst öğe
    yüksekliğinde olacak ve
  51. içeriğine bağlı olmayacak.
  52. Şimdi XML görüntüleyiciyi açalım ve
  53. kodlarken daha çok anne-babamız
    (parents) gibi olmaya çalışalım.
  54. Aşağıdaki notlarda başlangıç kodu ile birlikte
  55. XML görüntüleyici linkini veriyoruz.
  56. Bu durumda, LinearLayout
    bu layout'un kök görünümü
  57. çünkü ilk ve en dıştaki görüntü bu.
  58. Eğer kök görünüm genişlik ve
    yüksekliğini match_parent
  59. ve bunu uygulamanın
    ana layout'u ayarlarsak
  60. bu LinearLayout cihaz ekranı kadar
    uzun ve geniş olacak.
  61. Bunu LinearLayout arkaplanını
    transparan olmayacak şekilde
  62. ayarlayarak gösterebilirim.
  63. Bu LinearLayout arkaplanını gri yapsam,
  64. grinin cihaz genişlik ve yüksekliğini
    sardığını görebilirsiniz.
  65. Şimdi, bu TextView'ların
    genişlik veya
  66. yüksekliğini match_parent olarak
    değiştirmeyi denersem ne olur?
  67. Her bir görüntünün sınırlarını görmek için
  68. her görüntü için bir arkaplan ayarlayacağım.
  69. Şimdi bu TextView yüksekliğini
    match_parent olarak değiştireceğim.
  70. Bu arada, match altçizgi parent olarak yazın.
  71. Gördüğünüz gibi bu TextView
    üst görünümün genişliğini aldı.
  72. Ne yazık ki, her şeyi ekranın dışına atar
  73. yani bunu istemeyiz.
  74. O zaman onu tekrar wrap_content yapalım.
  75. Tamam.
  76. Şimdi genişliği match_parent yapalım
    ve ne yaptığını görelim.
  77. Şimdi, TextView üst görüntü kadar geniş
  78. ki o halde cihaz ekranı kadar geniş olacak.
  79. Eğer diğer TextView'ları da
    match_parent olarak değiştirirsem
  80. onun da üst görünümün genişliğini
    aldığını görebilirsiniz.
  81. Bir şeyi daha belirtmek istiyorum.
  82. Layout_ ile başlayan bir öznitelik görürseniz
  83. layout_height veya layout_width gibi,
    bunlar görüntüleme grubu layout parametreleridir.
  84. Bunlar bu görüntülerin boyut
    ve konumunu belirlemek için
  85. üst görüntü grubu tarafından kullanılır.
  86. Bu arada, arkaplan, metin boyutu
    ve metin gibi diğer öznitelikler
  87. kendi görüntüsünü tasarım açısında
    TextView tarafından kontrol ediliyor.
  88. Fakat bu grup layout parametreleri
    üst öğe tarafından halledilir.
  89. Farklı genişlik ve yükseklik değerleri
    deneme sırası şimdi sizde.
  90. Bazı başlangıç kodları ile XML
    görüntüleyici linki için
  91. aşağıdaki ders notlarına bakın.
  92. Her TextView için genişlik ve yükseklik
    değerlerini değiştirmeyi deneyin.
  93. Sabit bir dp değeri belirleyebilir,
    wrap_content veya match_parent yapabilirsiniz.
  94. Unutmayın ki, her görüntü için, genişlik
    ve yükseklik değerleri eşleşmek zorunda değil.
  95. Bitirdiğinizde, devam etmek için
    bu kutuyu işaretleyin.