YouTube

Got a YouTube account?

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

Turkish subtitles

← 13-02 Adding a CheckBox - Solution

Get Embed Code
13 Languages

Showing Revision 2 created 12/04/2015 by Fran Ontanaya.

  1. Bu yerleşimi yapmak için önce ihtiyacımız
    olan görünümler üzerine düşünelim.
  2. Bunun tümünün yapılmak için hazır
    olduğunu varsayacağım ve
  3. yerleşimimize eklememiz gereken
    yeni şeyler hakkında konuşacağız.
  4. Eklememiz gereken iki yeni
    görünüm, Malzemeler için MetinGörünümü
  5. ve Köpük krema için
    OnayKutucuğu görünümüdür.
  6. Bu görünümün Android içinde var olduğunu
    muhtemelen bilmiyordunuz ama neyse ki
  7. bir Google aramasıyla
    cevabı bulabiliriz.
  8. 2. adıma geçelim,
    görünümleri konumlandırmamız gerek.
  9. Bu görünümlerin doğru biçimde
    konumlandırıldığını varsayarak,
  10. Malzemeler ve Köpük krema'yı
    dikey olarak aynı sıraya eklemeliyiz.
  11. Ana görünüm bir dikey çizgisel yerleşim
  12. olduğundan dolayı, yalnızca
    bu iki Görünümü üst kısmına ekliyoruz.
  13. Üçüncü aşamada,
    görünümlere biçim vermemiz gerekiyor.
  14. Malzemeler başlığının biçimi
    Miktar ve
  15. Sipariş Özeti başlıklarıyla aynı
    bu yüzden var olan başlıkları
  16. kopyala yapıştır yapabiliriz.
  17. OnayKutucuğu görünümü yeni olduğu için,
    ona da uygun biçimde bir biçim vermeliyiz.
  18. Metin ve kutucuk arasında 24 dp
    boşluk bırakmalıyız,
  19. ve Köpük krema'nın yazı tipi büyüklüğünü
    16 sp olarak değiştirmeliyiz.
  20. Bu değişiklikleri şimdi de uygulamamızda
    yapalım.
  21. Miktar başlığına benzer bir Malzemeler
    başlığı eklemek için, kopyala yapıştır
  22. yapabilirim.
  23. Kopyaladım ve sonra bu dikey çizgisel
    yerleşimin üst kısmına ekledim.
  24. Pekala, şimdi
    iki tane Miktar olduğunu söylüyor.
  25. Metni değiştireceğim ki,
    Malzemeler densin.
  26. alt kenar boşluğunu da kopyaladım ki,
  27. başlık ile altındaki içerik arasında
    biraz boşluk olsun.
  28. Daha önce uygulamamıza bir OnayKutucuğu
    eklemedik bu nedenle
  29. Google'da nasıl
    yapılacağını aratacağım.
  30. onay kutucu android
    şeklinde arama yapacağım.
  31. Android kelimesini eklemeyi unutmayın
    çünkü web ya da
  32. mobil platformların da
    onay kutucuğu seçeneği olabilir.
  33. Dediğim şekilde aratırsanız Android
    için spesifik sonuçlar elde edersiniz.
  34. İlk linki deneyelim.
  35. Bu, OnayKutucuğu için bir
    başvuru kılavuzu.
  36. Aşağıya doğru kaydırıyorum,
    sınıfa genel bakış başlığını görüyorum ve
  37. sonra doğruca
    XML niteliklerine doğru gidiyor.
  38. Aslında görmek istediğim OnayKutucuğu
    için, bazı XML örnekleri bulmaktı.
  39. Arama sonuçlarına geri dönelim.
  40. İkinci linke tıklayalım.
  41. Güzel, bazı OnayKutucuğu
    resimleri gösteriyor.
  42. İşte burada bazı
    XML'ler var.
  43. Oldukça iyi görünüyor.
  44. Biz çizgisel yerleşim içinde
    iki OnayKutucuğu var.
  45. ilk OnayKutucuğu'nu
    kopyalayacağım ve
  46. sonra uygulamamıza yapıştıracağım.
  47. Malzemeler metninden önce
    ama Miktar metininden sonra bir yere,
  48. işte buraya yapıştıracağım.
  49. XML'de değişiklikler yapacağım çünkü
    kullanım durumumuza tam olarak uymuyor.
  50. Hem kimliği hem de metini
    buradan kaldıracağım.
  51. Kafeler et satmadığı için,
    etin yerine
  52. Köpük krema yazacağım.
  53. Bu arada, daha önce gördüğünüz
    @dizi/et,
  54. dizi.xml dosyası içindeki
    kaynak diziye gönderme yapıyordu.
  55. Bunun hakkında daha sonra
    konuşacağız fakat şimdilik
  56. diziyi doğrudan
    buraya yazalım.
  57. Ve gördüğünüz gibi, ön izleme güncellendi
    böylece Köpük krema onay kutucuğu oluştu.
  58. Onay kutucuğu'nun en iyi tarafı
    size bir kutucuk ve aynı zamanda
  59. bir metin vermesi, böylece
    başka bir metin eklemeniz gerekmez.
  60. üstüneTıklama'dan bahseden bu
    satıra da ihtiyacımız yok.
  61. Bu kodlama görevi için önemli olan,
    onay kutucuğunun burada görünmesidir.
  62. Bu XML'ye ulaşmanın diğer bir yolu,
    genel Android görünüm
  63. kopya kağıtlarıdır.
  64. Bu kopya kağıdı, bir dizi
    genel Android görünümü listeler ve
  65. aynı zamanda XML örnekleri içerir.
  66. İşte OnayKutucuğu görünümü ve
    neye benzediğine ilişkin bir örnek ve
  67. karşılık gelen XML.
  68. XML'yi buradan kopyalayabilir
    ve uygulamaya yapıştırabilirdiniz.
  69. Neye benzediğini görmek için,
    uygulamamızda yürütelim.
  70. İşte sonuç.
  71. Oldukça iyi görünüyor.
  72. Malzemeler başlığımız ve
    bir Köpük krema OnayKutucuğumuz var.
  73. Kutucuğu işaretlediğimizde ayrıca
    bu havalı animasyonu da görebiliyoruz.
  74. Burada yine de bir boşluk bırakmayla
    ilgili sorun görünüyor.
  75. Miktar başlığı ile Köpük krema
    OnayKutucuğu arası
  76. çok dar, ayrıca burada da
    yeterince boşluk yok.
  77. Önceden sağlanan kırmızı
    çizgilere dönerek,
  78. buraya 24 dp bir boşluk eklemeliyiz ve
    yazı tipi boyutunu 16 sp yapmalıyız.
  79. Önce yazı tipi boyutunu değiştireceğim.
  80. android:metinBoyutu yazacağım
    sonra boyutu 16 sp yapacağım.
  81. Ön izlemeyi açacağım ve yazı boyutunun
    artıp artmadığını kontrol edeceğim
  82. ve ettim.
  83. Yenilendiğinden emin değilseniz,
    her zaman bu tuşu kullanabilirsiniz.
  84. Pekala.
  85. Şimdi boşlukları halletmek için
    deneme yanılma yöntemiyle
  86. çalıştıracağım.
  87. Kenar boşluğu değerlerini girmeyi denedim
  88. ve sonra dolgu değerlerini girmeyi denedim,
    görüldüğü gibi solDolgu kutucuk ile metin
  89. arasındaki boşluğun
    oluşmasını sağlıyor.
  90. Şimdi dolguyu ekleyelim.
  91. Harika, metin kenara doğru kaydı.
  92. Bir sorun daha görüyorum yine de.
  93. Burada yeterli dikey boşluk var
    ama burada yok.
  94. Bu OnayKutucuğu'na ya alt dolgu
    ya da alt boşluk eklemeliyim ya da
  95. bu Miktar başlığına ya üst dolgu
    ya da üst boşluk eklemeliyim.
  96. Her iki yöntem de çalışır,
  97. ben Miktar başlığına
    üst boşluk ekleyeceğim.
  98. İşte, şimdi daha iyi görünüyor!
  99. Şimdi her şey eşit olarak
    boşluklandırılmış görünüyor.
  100. Bunu cihazımdaki
    uygulamada yürüteceğim.
  101. İşte uygulama.
  102. Gerçekten iyi görünüyor.
  103. iyi iş başardık.
  104. Uygulamanıza daha çok UI değişikliği
    eklemek istediğini zaman, Google araması
  105. yöntemiyle online bilgi edinebilir
    ve uygulamanızda uygulayabilirsiniz.