WEBVTT

00:00:00.750 --> 00:00:03.360
Bu yerleşimi yapmak için önce ihtiyacımız
olan görünümler üzerine düşünelim.

00:00:03.360 --> 00:00:07.420
Bunun tümünün yapılmak için hazır 
olduğunu varsayacağım ve

00:00:07.420 --> 00:00:10.910
yerleşimimize eklememiz gereken
yeni şeyler hakkında konuşacağız.

00:00:10.910 --> 00:00:15.030
Eklememiz gereken iki yeni 
görünüm, Malzemeler için MetinGörünümü

00:00:15.030 --> 00:00:18.090
ve Köpük krema için
OnayKutucuğu görünümüdür.

00:00:18.090 --> 00:00:21.470
Bu görünümün Android içinde var olduğunu
muhtemelen bilmiyordunuz ama neyse ki

00:00:21.470 --> 00:00:24.210
bir Google aramasıyla
cevabı bulabiliriz.

00:00:25.380 --> 00:00:28.300
2. adıma geçelim, 
görünümleri konumlandırmamız gerek.

00:00:28.300 --> 00:00:30.820
Bu görünümlerin doğru biçimde 
konumlandırıldığını varsayarak,

00:00:30.820 --> 00:00:35.470
Malzemeler ve Köpük krema'yı 
dikey olarak aynı sıraya eklemeliyiz.

00:00:35.470 --> 00:00:37.000
Ana görünüm bir dikey çizgisel yerleşim

00:00:37.000 --> 00:00:39.990
olduğundan dolayı, yalnızca
bu iki Görünümü üst kısmına ekliyoruz.

00:00:40.990 --> 00:00:43.580
Üçüncü aşamada, 
görünümlere biçim vermemiz gerekiyor.

00:00:43.580 --> 00:00:46.260
Malzemeler başlığının biçimi
Miktar ve

00:00:46.260 --> 00:00:49.030
Sipariş Özeti başlıklarıyla aynı
bu yüzden var olan başlıkları

00:00:49.030 --> 00:00:51.434
kopyala yapıştır yapabiliriz.

00:00:51.434 --> 00:00:54.920
OnayKutucuğu görünümü yeni olduğu için,
ona da uygun biçimde bir biçim vermeliyiz.

00:00:54.920 --> 00:00:59.176
Metin ve kutucuk arasında 24 dp 
boşluk bırakmalıyız,

00:00:59.176 --> 00:01:04.054
ve Köpük krema'nın yazı tipi büyüklüğünü
16 sp olarak değiştirmeliyiz.

00:01:04.054 --> 00:01:05.910
Bu değişiklikleri şimdi de uygulamamızda
yapalım.

00:01:07.180 --> 00:01:11.020
Miktar başlığına benzer bir Malzemeler
başlığı eklemek için, kopyala yapıştır

00:01:11.020 --> 00:01:12.730
yapabilirim.

00:01:12.730 --> 00:01:16.775
Kopyaladım ve sonra bu dikey çizgisel
yerleşimin üst kısmına ekledim.

00:01:18.080 --> 00:01:20.170
Pekala, şimdi
iki tane Miktar olduğunu söylüyor.

00:01:20.170 --> 00:01:22.960
Metni değiştireceğim ki,
Malzemeler densin.

00:01:22.960 --> 00:01:25.380
alt kenar boşluğunu da kopyaladım ki,

00:01:25.380 --> 00:01:28.790
başlık ile altındaki içerik arasında
biraz boşluk olsun.

00:01:30.260 --> 00:01:32.660
Daha önce uygulamamıza bir OnayKutucuğu
eklemedik bu nedenle

00:01:32.660 --> 00:01:33.990
Google'da nasıl
yapılacağını aratacağım.

00:01:33.990 --> 00:01:37.720
onay kutucu android
şeklinde arama yapacağım.

00:01:37.720 --> 00:01:40.840
Android kelimesini eklemeyi unutmayın
çünkü web ya da

00:01:40.840 --> 00:01:44.850
mobil platformların da
onay kutucuğu seçeneği olabilir.

00:01:44.850 --> 00:01:48.090
Dediğim şekilde aratırsanız Android 
için spesifik sonuçlar elde edersiniz.

00:01:48.090 --> 00:01:49.760
İlk linki deneyelim.

00:01:49.760 --> 00:01:52.900
Bu, OnayKutucuğu için bir
başvuru kılavuzu.

00:01:52.900 --> 00:01:56.420
Aşağıya doğru kaydırıyorum,
sınıfa genel bakış başlığını görüyorum ve

00:01:56.420 --> 00:01:58.960
sonra doğruca
XML niteliklerine doğru gidiyor.

00:01:58.960 --> 00:02:02.880
Aslında görmek istediğim OnayKutucuğu 
için, bazı XML örnekleri bulmaktı.

00:02:02.880 --> 00:02:05.100
Arama sonuçlarına geri dönelim.

00:02:05.100 --> 00:02:07.070
İkinci linke tıklayalım.

00:02:07.070 --> 00:02:10.440
Güzel, bazı OnayKutucuğu
resimleri gösteriyor.

00:02:10.440 --> 00:02:12.040
İşte burada bazı
XML'ler var.

00:02:12.040 --> 00:02:13.180
Oldukça iyi görünüyor.

00:02:13.180 --> 00:02:16.140
Biz çizgisel yerleşim içinde
iki OnayKutucuğu var.

00:02:16.140 --> 00:02:19.070
ilk OnayKutucuğu'nu 
kopyalayacağım ve

00:02:19.070 --> 00:02:20.330
sonra uygulamamıza yapıştıracağım.

00:02:21.590 --> 00:02:25.912
Malzemeler metninden önce
ama Miktar metininden sonra bir yere,

00:02:25.912 --> 00:02:28.753
işte buraya yapıştıracağım.

00:02:28.753 --> 00:02:33.040
XML'de değişiklikler yapacağım çünkü
kullanım durumumuza tam olarak uymuyor.

00:02:33.040 --> 00:02:36.710
Hem kimliği hem de metini
buradan kaldıracağım.

00:02:36.710 --> 00:02:39.750
Kafeler et satmadığı için,
etin yerine

00:02:39.750 --> 00:02:41.660
Köpük krema yazacağım.

00:02:43.030 --> 00:02:45.940
Bu arada, daha önce gördüğünüz
@dizi/et,

00:02:45.940 --> 00:02:50.410
dizi.xml dosyası içindeki
kaynak diziye gönderme yapıyordu.

00:02:50.410 --> 00:02:52.690
Bunun hakkında daha sonra 
konuşacağız fakat şimdilik

00:02:52.690 --> 00:02:55.550
diziyi doğrudan 
buraya yazalım.

00:02:55.550 --> 00:02:59.350
Ve gördüğünüz gibi, ön izleme güncellendi
böylece Köpük krema onay kutucuğu oluştu.

00:02:59.350 --> 00:03:03.380
Onay kutucuğu'nun en iyi tarafı
size bir kutucuk ve aynı zamanda

00:03:03.380 --> 00:03:08.100
bir metin vermesi, böylece
başka bir metin eklemeniz gerekmez.

00:03:08.100 --> 00:03:10.850
üstüneTıklama'dan bahseden bu
satıra da ihtiyacımız yok.

00:03:12.089 --> 00:03:16.500
Bu kodlama görevi için önemli olan,
onay kutucuğunun burada görünmesidir.

00:03:16.500 --> 00:03:20.260
Bu XML'ye ulaşmanın diğer bir yolu,
genel Android görünüm

00:03:20.260 --> 00:03:21.460
kopya kağıtlarıdır.

00:03:22.540 --> 00:03:25.410
Bu kopya kağıdı, bir dizi
genel Android görünümü listeler ve

00:03:25.410 --> 00:03:27.460
aynı zamanda XML örnekleri içerir.

00:03:28.480 --> 00:03:32.739
İşte OnayKutucuğu görünümü ve
neye benzediğine ilişkin bir örnek ve

00:03:32.739 --> 00:03:34.125
karşılık gelen XML.

00:03:34.125 --> 00:03:37.270
XML'yi buradan kopyalayabilir 
ve uygulamaya yapıştırabilirdiniz.

00:03:38.340 --> 00:03:41.010
Neye benzediğini görmek için, 
uygulamamızda yürütelim.

00:03:42.480 --> 00:03:43.320
İşte sonuç.

00:03:43.320 --> 00:03:44.050
Oldukça iyi görünüyor.

00:03:44.050 --> 00:03:46.695
Malzemeler başlığımız ve
bir Köpük krema OnayKutucuğumuz var.

00:03:47.750 --> 00:03:50.330
Kutucuğu işaretlediğimizde ayrıca
bu havalı animasyonu da görebiliyoruz.

00:03:51.360 --> 00:03:54.790
Burada yine de bir boşluk bırakmayla
ilgili sorun görünüyor.

00:03:54.790 --> 00:03:57.840
Miktar başlığı ile Köpük krema 
OnayKutucuğu arası

00:03:57.840 --> 00:04:01.390
çok dar, ayrıca burada da 
yeterince boşluk yok.

00:04:02.410 --> 00:04:04.480
Önceden sağlanan kırmızı 
çizgilere dönerek,

00:04:04.480 --> 00:04:09.370
buraya 24 dp bir boşluk eklemeliyiz ve 
yazı tipi boyutunu 16 sp yapmalıyız.

00:04:10.830 --> 00:04:12.960
Önce yazı tipi boyutunu değiştireceğim.

00:04:12.960 --> 00:04:18.110
android:metinBoyutu yazacağım
sonra boyutu 16 sp yapacağım.

00:04:18.110 --> 00:04:22.043
Ön izlemeyi açacağım ve yazı boyutunun
artıp artmadığını kontrol edeceğim

00:04:22.043 --> 00:04:23.690
ve ettim.

00:04:23.690 --> 00:04:26.600
Yenilendiğinden emin değilseniz,
her zaman bu tuşu kullanabilirsiniz.

00:04:26.600 --> 00:04:27.430
Pekala.

00:04:27.430 --> 00:04:29.950
Şimdi boşlukları halletmek için
deneme yanılma yöntemiyle

00:04:29.950 --> 00:04:32.240
çalıştıracağım.

00:04:32.240 --> 00:04:34.370
Kenar boşluğu değerlerini girmeyi denedim

00:04:34.370 --> 00:04:38.340
ve sonra dolgu değerlerini girmeyi denedim,
görüldüğü gibi solDolgu kutucuk ile metin

00:04:38.340 --> 00:04:42.520
arasındaki boşluğun
oluşmasını sağlıyor.

00:04:42.520 --> 00:04:43.285
Şimdi dolguyu ekleyelim.

00:04:44.900 --> 00:04:46.960
Harika, metin kenara doğru kaydı.

00:04:46.960 --> 00:04:49.040
Bir sorun daha görüyorum yine de.

00:04:49.040 --> 00:04:53.090
Burada yeterli dikey boşluk var
ama burada yok.

00:04:53.090 --> 00:04:57.760
Bu OnayKutucuğu'na ya alt dolgu
ya da alt boşluk eklemeliyim ya da

00:04:57.760 --> 00:05:01.720
bu Miktar başlığına ya üst dolgu 
ya da üst boşluk eklemeliyim.

00:05:01.720 --> 00:05:02.620
Her iki yöntem de çalışır,

00:05:02.620 --> 00:05:07.110
ben Miktar başlığına
üst boşluk ekleyeceğim.

00:05:07.110 --> 00:05:08.880
İşte, şimdi daha iyi görünüyor!

00:05:08.880 --> 00:05:10.990
Şimdi her şey eşit olarak
boşluklandırılmış görünüyor.

00:05:10.990 --> 00:05:12.790
Bunu cihazımdaki
uygulamada yürüteceğim.

00:05:14.210 --> 00:05:15.170
İşte uygulama.

00:05:15.170 --> 00:05:16.320
Gerçekten iyi görünüyor.

00:05:16.320 --> 00:05:17.460
iyi iş başardık.

00:05:17.460 --> 00:05:21.250
Uygulamanıza daha çok UI değişikliği
eklemek istediğini zaman, Google araması

00:05:21.250 --> 00:05:25.360
yöntemiyle online bilgi edinebilir 
ve uygulamanızda uygulayabilirsiniz.