Turkish subtitles

← 05-07 Yerleşim Oluşturma - Çözüm

Get Embed Code
13 Languages

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

  1. Bu yerleşimi oluşturmak için,
    activity_main.xml dosyasını açıyorum.
  2. Biliyorum ki bu görünümlerin her birini
    dikey bir sütuna koymak için
  3. dikey çizgisel yerleşim gerekiyor.
  4. Bu yüzden önce RelativeLayout'u
    LinearLayout'a değiştirmem gerek.
  5. Hemen açma etiketinin kapatma
    etiketine uymadığını söyleyen
  6. bir hata gösteriyor, böylece bunu
    kopyalayıp buraya yapıştırabiliyorum.
  7. Şimdi etiketler uyuyor.
  8. Sonra görünümleri ekleyebilirim.
  9. Önce, miktar TextView'im var.
  10. Bu yüzden bu TextView'i alıp içindeki
    metni miktar yapacağım.
  11. Sonra, sıfır yazan bir TextView'im var.
  12. Bu yüzden ilk TextView'i kopyalayıp
    altına yapıştırabilirim.
  13. Metni buradaki ekran görüntüsüne
    uyması için sıfır olarak değiştireceğim.
  14. Bu LinearLayout'daki son
    alt görünüm bir düğme.
  15. Daha önce yerleşimimize düğme eklemedik,
    bu yüzden bunu Google'da arayalım.
  16. Bir tarayıcı açarsanız,
    Android düğmesi arayabilirsiniz.
  17. İlk bağlantı iyi görünüyor,
    developer.android.com sitesi.
  18. Düğme için dokümantasyon burada, buradaki
    metnin büyük bir kısmını göz ardı edin.
  19. Sınıf tanıtımını okumak
    için aşağı iniyoruz.
  20. Daha öğrenmediğimiz bazı Java
    kodlarından bahsediyor;
  21. ama aşağıda düğme için
    bazı XML kodları var.
  22. Bunu kopyalayıp kodumuza
    neler yaptığına bakalım.
  23. Yerleşimimizde bu iki TextView
    altına bir düğme ekleyeceğim.
  24. Kodu buradaki dokümantasyondan
    yapıştıracağım.
  25. Şimdi kendini yıkan bir
    dizgi yerine, "Order"(Sipariş) gibi
  26. daha dostane bir şey kullanacağım.
  27. Son satırı da silebiliriz,
    çünkü ihtiyacımız yok.
  28. Güzel, şimdi bir miktar TextView'i,
    sıfır diyen bir TextView ve
  29. sipariş düğmemiz var.
  30. Nasıl olduğunu görmek için
    buradaki yeşil oynat
  31. düğmesine basarak
    uygulamamızda çalıştıralım.
  32. Burada hâlâ oluştuğunu görebiliriz.
  33. Bu istediğimiz şey değildi.
  34. LinearLayout aslında dikey olmak
    yerine yatay olarak görünüyor.
  35. O yüzden oryantasyon özelliğini
    eklediğimize emin olalım.
  36. Bunu android;orientation="vertical"
    diyecek şekilde değiştiriyoruz.
  37. Bu sorunu çözmeli.
  38. Haydi tekrar "Run"(Çalıştır)'a basalım.
  39. Tamam, şimdi daha iyi.
  40. Üç alt görünüm dikey sütunda görünüyor.
  41. Şimdi bu alanları biçimlendirmemiz gerek,
  42. böylece bize verilen ekran
    görüntüsüne biraz daha benzerler.
  43. Bu ekran görüntüsünde miktar TextView'in
    büyük harf olduğunu görüyoruz.
  44. 1. derste android:textAllCaps
    adında bir özellik öğrendik
  45. ve burada otomatik
    tamamlamada görünüyor.
  46. Eğer böyle görünürse,
    sadece "Giriş"e basabilirsiniz
  47. ve sizin için buraya otomatikman ekler.
  48. Değeri true olarak ayarlıyoruz,
    çünkü hepsini büyük harf istiyoruz.
  49. Metni büyük harfe çevirmede bu özelliği
    kullanmanın daha iyi olmasının nedeni,
  50. eğer kullanıcı arabirimini değiştirmek
    için miktarı küçük harf yapmak istersek,
  51. bunun gibi, gidip bu metni
    değiştirmek yerine yapmamız
  52. gereken tek şey, bu özelliği kaldırmak.
  53. Sonra, burada sıfır diyen metin için
    metin büyüklüğü olarak 16sp kullanmalıyız.
  54. Bunu şimdi ekleyeyim ki otomatik
    tamamlama önerilerinde çıksın,
  55. böylece "Giriş"e basıyorum ve
    sonra değer için 16sp seçiyorum.
  56. Aynı zamanda siyah yazı tipi
    rengi olmasını istiyoruz.
  57. Siyah için Android sistem
    rengini kullanacağım,
  58. ki bu şekilde atıf yapılıyor.
  59. Güzel, bu hem miktar, hem de
    sıfır TextView'leri halletti.
  60. "Sipariş" düğmesi bu şekilde iyi, metni
    otomatik olarak bir düğmede
  61. büyük harfe çevirecek ve
    yükseklikle genişlik ise içerik sarmalı.
  62. Buradaki bu dikey aralığı
    çözümlemek durumundayız.
  63. Miktar ve sıfır TextView arasında
    16dp iç boşluk veya
  64. kenar boşluğu istiyoruz.
  65. Aynı zamanda sıfır ve "Sipariş"
    düğmesi arasında 16dp
  66. iç boşluk istiyoruz.
  67. Bunu farklı yollarla uygulayabilirsiniz.
  68. Bu düğme için yerleşim üst kenar
    boşluğu olarak ekleyeceğim.
  69. Bu miktar TextView için alt kenar
    boşluğu olarak ekleyeceğim.
  70. Aynı göründüğü sürece farklı
    yolla yapmakta serbestsiniz.
  71. Alt ve üst kenar boşluğu olarak
    yapmayı seçmemin sebebi,
  72. bu ortadaki alanın sonra
    değişeceğini bilmem.
  73. Artı ve eksi düğmeleriyle onu
    bir adet seçiciye dönüştüreceğiz,
  74. hâlâ miktar başlığı ve
    seçici arasında 16dp alan
  75. olmasını istiyorum.
  76. Düğme için de aynı.
  77. Tamam, şimdi tekrar
    kendi cihazımızda çalıştıralım.
  78. Güzel ve tam istediğimiz gibi görünüyor.
  79. Miktar TextView hep büyük harfli,
    sıfır TextView siyah yazı tipi renginde,
  80. 16sp büyüklüğünde ve
    burada "Order" düğmemiz var.
  81. Bu görünümler arasında
    16dp aralığımız var.
  82. İyi iş çıkardınız. Az kalsın unutuyordum.
  83. Test bu düğmeye bastığınızda
    ne olacağını da soruyor.
  84. Aslında şimdilik bir şey yapmıyor.
  85. Neler olduğunu görmek
    için seyretmeye devam edin.