1
00:00:00,450 --> 00:00:03,650
Kodlamaya başlamadan önce, bu
soruyu cevaplayacağım.

2
00:00:03,650 --> 00:00:07,460
Ben yalnızca gerçekten hala LinearLayouts
ve RelativeLayouts adında iki tane

3
00:00:07,460 --> 00:00:08,626
görüntü grubu tanıyorum.

4
00:00:08,626 --> 00:00:13,710
Şimdir buradaki anahtar kelime bu 
ikisinin eşit aralığı yakalamasıdır.

5
00:00:13,710 --> 00:00:16,260
Tasarım kalınlığı kullanımı gerçekten
kolay yapılması gereken iştir.

6
00:00:17,480 --> 00:00:20,070
Pekala, haydi devam edelm ve bu 
koda bakalım.

7
00:00:20,070 --> 00:00:22,880
Pekala, artık Javada çalışmıyorum öyleyse
devam edeceğim ve activity_main.xml'i

8
00:00:22,880 --> 00:00:24,775
gözden geçireceğim.

9
00:00:25,830 --> 00:00:27,150
Ve işte XML dosyası.

10
00:00:28,270 --> 00:00:33,875
O zaman tüm bu kodları başka bir 
LinearLayout'a koyarak başlayacağım.

11
00:00:33,875 --> 00:00:38,334
Ve bu benim iki tane mini LinearLayouts'um
için üst öğe LinearLayout'udur.

12
00:00:39,360 --> 00:00:43,900
Ve bu iki çizgiyi buraya taşıyacağım 
çünkü bunların kök dizini görünümüne

13
00:00:43,900 --> 00:00:49,670
eklenmiş olması ve kapama parantezinin
ilave edilmiş olması gerekmektedir.

14
00:00:49,670 --> 00:00:53,990
Pekala, Android Studio benim için burada
otomatik olarak bir kapama biçimi

15
00:00:53,990 --> 00:00:55,060
oluşturdu. O zaman devam edeceğim ve 
kapama biçimini keseceğim, alta doğru

16
00:00:55,060 --> 00:00:59,370
kaydıracağım ve bunu yapıştıracağım.

17
00:01:01,160 --> 00:01:06,450
Pekala şimdi kırmızı bir kıvrımlı çizgim 
var ve eğer hataya bakarsam, onun

18
00:01:06,450 --> 00:01:10,660
layout_height ve layout_width'ının belli 
olması gerektiğini söylediğini görebilirim.

19
00:01:10,660 --> 00:01:12,040
Vay canına! 
Pekala, haydi yapalım.

20
00:01:13,210 --> 00:01:17,580
Çünkü bu kök dizini görüntüsü, devam 
ediyorum ve bu match_parent'u yapıyorum.

21
00:01:20,050 --> 00:01:21,140
Pekala, öyleyse bir adet LinearLayout 
çevrem ve bir adet alt

22
00:01:21,140 --> 00:01:25,610
LinearLayout'ım var şimdi.

23
00:01:25,610 --> 00:01:30,500
Ve eğer Önizlemeye gidersem, 
oldukça benzer olduğunu görürüm.

24
00:01:30,500 --> 00:01:35,510
Pekala, yapacağım şey A takımı 
LinearLayout'unu ve sağ alt A

25
00:01:35,510 --> 00:01:41,100
takımını kopyalayacağım ve yapıştıracağım.

26
00:01:42,160 --> 00:01:47,026
Ve bu benim B takımı LinearLayout'um 
olacak.

27
00:01:47,026 --> 00:01:52,209
O zaman şimdi bunlar biraz kötü organize
edilmiş gibi görünmeye başlayacak.

28
00:01:52,209 --> 00:01:57,264
O zaman, Cmd+A veya hepsini seç 
yapacağım ve sonra kodumu formatlamak

29
00:01:57,264 --> 00:02:03,520
için klavye kısayolu Cmd+Option+ 
öğesini kullanacağım.

30
00:02:03,520 --> 00:02:07,930
Windows'da daha iyi Ctrl+Alt+L kısayoludur.

31
00:02:07,930 --> 00:02:11,560
Şimdi, sadece burada olan biteni 
anladığınızdan emin olmak istiyorum.

32
00:02:11,560 --> 00:02:16,640
Üste doğru kaydırarak, burada bir 
adet kök dizini LinearLayout'a sahibim.

33
00:02:16,640 --> 00:02:21,930
Burada başlıyor ve aşağıya doğru 
tam olarak kaydırırsam, burada sona erer.

34
00:02:23,320 --> 00:02:26,550
Bu LinearLayout kök dizini içerisine 
doğru, tekrardan yukarı kaydıracağım.

35
00:02:28,220 --> 00:02:31,919
Burada başlayan bir adet alt tasarıma 
sahibim.

36
00:02:31,919 --> 00:02:35,459
Yavaş yavaş aşağıya kaydıracağım.

37
00:02:35,459 --> 00:02:37,150
Ve o burada sonlanıyor.

38
00:02:37,150 --> 00:02:38,860
Bu TeamA için.

39
00:02:38,860 --> 00:02:42,260
Ve burada başlayan başka bir alt 
LinearLayout'um var.

40
00:02:42,260 --> 00:02:47,418
Yavaşça aşağı kaydırın, bu TeamB 
için burada sona ermektedir.

41
00:02:47,418 --> 00:02:49,956
Pekala, şimdiüstte kırmızı bir tanesini 
farkettim, tekrar yukarı kaydıracağım

42
00:02:49,956 --> 00:02:52,750
ve hatanın ne olduğunu göreceğim.

43
00:02:54,400 --> 00:02:58,440
Hatalı sayfa yönü, sayfa yönü 
belirtilmedi ve varsayılan yatay.

44
00:02:58,440 --> 00:03:00,965
En azından geniş match_parent'in 
bulunduğu yerde bu tasarım

45
00:03:00,965 --> 00:03:03,793
çoklu bir alttakine sahip.

46
00:03:03,793 --> 00:03:08,092
Hm, güzel bunun yatay olmasını istiyorum
ancak haydi devam edelim ve sayfa

47
00:03:08,092 --> 00:03:10,010
yönünü belirleyelim.

48
00:03:11,360 --> 00:03:15,400
Yine, bu teknik açıdan gerekli değildir 
çünkü varsayılan yatay ancak

49
00:03:15,400 --> 00:03:16,430
bunun net olması güzel.

50
00:03:17,950 --> 00:03:22,168
Pekala, alttakilerle ilgili birbirinin 
dahil edilmesiyle ilgili birşeyler

51
00:03:22,168 --> 00:03:24,334
söylüyorlardı. Önizlemeye tıklayacağım.

52
00:03:24,334 --> 00:03:27,901
LinearLayout için tüm kopyalama ve 
yapıştırma sıkıntılarını halletmeme rağmen,

53
00:03:27,901 --> 00:03:30,842
bunun gerçekten çok değişmediği 
görünmektedir.

54
00:03:31,905 --> 00:03:34,345
Bu, baktığım hataya sahip olabilir.

55
00:03:35,525 --> 00:03:38,915
Bunun yatay bir tasarım olduğu 
söyleniyordu.

56
00:03:38,915 --> 00:03:42,615
O zaman o, birbirine yakın bu iki 
LinearLayouts'u tasarlamaya çalışıyordu

57
00:03:42,615 --> 00:03:46,591
ancak LinearLayout, ekranı dolduran 
match_parent'ın layout_width'ine

58
00:03:46,591 --> 00:03:49,940
sahiptir.

59
00:03:49,940 --> 00:03:54,510
Aslında benim ilk LinearLayout'um 
ekranı dolduruyor ve sonra diğer

60
00:03:54,510 --> 00:03:58,510
LinearLayout ekranın dışına yakın 
bir yerde yerleştiriliyor.

61
00:04:00,000 --> 00:04:03,360
O zaman, haydi bu noktada aslında ne 
yapmak istediğimizi düşünelim.

62
00:04:03,360 --> 00:04:08,090
Biz iki tane tasarımın birbirine yakın ve 
eşit aralıkta tamamlanmasını istiyoruz.

63
00:04:08,090 --> 00:04:11,860
O zaman ne zaman layout_weights'da 
getirmeye gereksinim duyacağız.

64
00:04:11,860 --> 00:04:16,267
İlk LinearLayout'u alacağım ve 1 
numaralı layout_weight'u

65
00:04:16,267 --> 00:04:19,579
vereceğim.

66
00:04:21,140 --> 00:04:26,160
Aynı zamanda genişliğini 0'a ayarlayacağım.

67
00:04:26,160 --> 00:04:29,940
Pekala, aslında gerçekten düzgünce 
gösterilmeyen biz iki tane

68
00:04:29,940 --> 00:04:32,940
LinearLayouts'u görebiliriz.

69
00:04:32,940 --> 00:04:34,560
Ama bu biraz daha iyi.

70
00:04:34,560 --> 00:04:37,807
O zaman buraya kendi ikinci LinearLayout'um
üzerine layout_weight koymam

71
00:04:37,807 --> 00:04:38,877
gerekiyor.

72
00:04:38,877 --> 00:04:40,500
O zaman biraz daha aşağıya kaydıracağım.

73
00:04:40,500 --> 00:04:42,190
İşte benim ikinci LinearLayout'um.

74
00:04:42,190 --> 00:04:44,250
Tam olarak aynı şeyi yapacağım.

75
00:04:44,250 --> 00:04:48,186
Bunun 1 numaralı layout_weight'a 
sahip olduğunu söyleyeceğim ve

76
00:04:48,186 --> 00:04:51,080
şimdi bunlar eşit layout_weight'a sahipler.

77
00:04:52,650 --> 00:04:55,630
Ve sonra genişliği 0'a ayarlayacağım.

78
00:04:55,630 --> 00:05:00,160
Eğer bunların her iki tarafı herhangi 
bir genişlik kaplamıyorsa, pekala

79
00:05:00,160 --> 00:05:04,588
sebep her ikisinin genişliğini 0'a 
ayarlamış olmamdır.

80
00:05:04,588 --> 00:05:06,850
Sonra, tüm ekran boyunca olan 
bütün ekstra aralıkları alacağım ve

81
00:05:06,850 --> 00:05:11,340
yarısını birine yarısına başkasına 
vererek böleceğim, çünkü bunların

82
00:05:11,340 --> 00:05:14,950
her ikiside aynı tasarım kalınlığına 
sahipler.

83
00:05:14,950 --> 00:05:17,650
Eğer tüm bunlar kafa karıştırıyorsa, 
layout_weight ile ilgili eğitici notlarda

84
00:05:17,650 --> 00:05:20,350
birkaç link paylaştım.

85
00:05:20,350 --> 00:05:24,162
Pekala, ancak A takımı hariç bu 
oldukça güzel görünüyor.

86
00:05:24,162 --> 00:05:29,310
Burada bunu değiştirmek için aşağıya 
kaydıracağım ve bunu B takımına

87
00:05:30,460 --> 00:05:35,420
değiştireceğim. Şimdi burada bir hatanın 
olduğunu farketmişsinizdir, bu hata

88
00:05:35,420 --> 00:05:39,760
oluyor çünkü çift ID'iz var.

89
00:05:39,760 --> 00:05:42,340
Unutmayın, yalnızca kodu kopyaladım 
ve yapıştırdım.

90
00:05:42,340 --> 00:05:46,090
O zaman esasında biz team_a_score'ın 
aynı id'sine sahip olmaya çalışan

91
00:05:46,090 --> 00:05:48,030
iki şeyimiz var.

92
00:05:48,030 --> 00:05:51,800
O zaman bu team_b_score'u 
gerçekten değiştireceğim.

93
00:05:51,800 --> 00:05:53,840
Pekala, bu oldukça güzel görünüyor.

94
00:05:53,840 --> 00:05:54,830
Bunu görmek biraz zor.

95
00:05:54,830 --> 00:05:55,420
Yaklaştıracağım.

96
00:05:56,800 --> 00:05:58,150
Ancak burası B takımı.

97
00:05:59,290 --> 00:06:02,420
Ve tüm doğru tuşlara ve doğru 
metin görünümlerine sahibim.

98
00:06:02,420 --> 00:06:03,870
O zaman bunu kendi telefonumda 
çalıştıracağım.

99
00:06:05,490 --> 00:06:07,960
Pekala, bu oldukça güzel görünüyor.

100
00:06:07,960 --> 00:06:13,418
Şimdi eğer A takımı tuşlarına basarsam, 
o güncellenir, bu harika.

101
00:06:13,418 --> 00:06:18,840
Eğer B takımı tuşlara basarsam, 
aynı zamanda o da güncellenir.

102
00:06:18,840 --> 00:06:20,910
Bu özeldir.

103
00:06:20,910 --> 00:06:23,480
Ancak unutmayın, 
biz yalnızca XML'i elde etmek istedik.

104
00:06:23,480 --> 00:06:25,630
Gerçekten Java'yla ilgilenmedik.

105
00:06:25,630 --> 00:06:29,140
Ancak şimdi XML çalışıyor, 
Java'yı neden düzeltmeyelim?