Return to Video

13-02 Adding a CheckBox - Solution

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

more » « less
Video Language:
English
Team:
Udacity
Project:
UD837 - Android for Beginners
Duration:
05:27

Turkish subtitles

Revisions Compare revisions