0:00:00.450,0:00:03.650 Kodlamaya başlamadan önce, bu[br]soruyu cevaplayacağım. 0:00:03.650,0:00:07.460 Ben yalnızca gerçekten hala LinearLayouts[br]ve RelativeLayouts adında iki tane 0:00:07.460,0:00:08.626 görüntü grubu tanıyorum. 0:00:08.626,0:00:13.710 Şimdir buradaki anahtar kelime bu [br]ikisinin eşit aralığı yakalamasıdır. 0:00:13.710,0:00:16.260 Tasarım kalınlığı kullanımı gerçekten[br]kolay yapılması gereken iştir. 0:00:17.480,0:00:20.070 Pekala, haydi devam edelm ve bu [br]koda bakalım. 0:00:20.070,0:00:22.880 Pekala, artık Javada çalışmıyorum öyleyse[br]devam edeceğim ve activity_main.xml'i 0:00:22.880,0:00:24.775 gözden geçireceğim. 0:00:25.830,0:00:27.150 Ve işte XML dosyası. 0:00:28.270,0:00:33.875 O zaman tüm bu kodları başka bir [br]LinearLayout'a koyarak başlayacağım. 0:00:33.875,0:00:38.334 Ve bu benim iki tane mini LinearLayouts'um[br]için üst öğe LinearLayout'udur. 0:00:39.360,0:00:43.900 Ve bu iki çizgiyi buraya taşıyacağım [br]çünkü bunların kök dizini görünümüne 0:00:43.900,0:00:49.670 eklenmiş olması ve kapama parantezinin[br]ilave edilmiş olması gerekmektedir. 0:00:49.670,0:00:53.990 Pekala, Android Studio benim için burada[br]otomatik olarak bir kapama biçimi 0:00:53.990,0:00:55.060 oluşturdu. O zaman devam edeceğim ve [br]kapama biçimini keseceğim, alta doğru 0:00:55.060,0:00:59.370 kaydıracağım ve bunu yapıştıracağım. 0:01:01.160,0:01:06.450 Pekala şimdi kırmızı bir kıvrımlı çizgim [br]var ve eğer hataya bakarsam, onun 0:01:06.450,0:01:10.660 layout_height ve layout_width'ının belli [br]olması gerektiğini söylediğini görebilirim. 0:01:10.660,0:01:12.040 Vay canına! [br]Pekala, haydi yapalım. 0:01:13.210,0:01:17.580 Çünkü bu kök dizini görüntüsü, devam [br]ediyorum ve bu match_parent'u yapıyorum. 0:01:20.050,0:01:21.140 Pekala, öyleyse bir adet LinearLayout [br]çevrem ve bir adet alt 0:01:21.140,0:01:25.610 LinearLayout'ım var şimdi. 0:01:25.610,0:01:30.500 Ve eğer Önizlemeye gidersem, [br]oldukça benzer olduğunu görürüm. 0:01:30.500,0:01:35.510 Pekala, yapacağım şey A takımı [br]LinearLayout'unu ve sağ alt A 0:01:35.510,0:01:41.100 takımını kopyalayacağım ve yapıştıracağım. 0:01:42.160,0:01:47.026 Ve bu benim B takımı LinearLayout'um [br]olacak. 0:01:47.026,0:01:52.209 O zaman şimdi bunlar biraz kötü organize[br]edilmiş gibi görünmeye başlayacak. 0:01:52.209,0:01:57.264 O zaman, Cmd+A veya hepsini seç [br]yapacağım ve sonra kodumu formatlamak 0:01:57.264,0:02:03.520 için klavye kısayolu Cmd+Option+ [br]öğesini kullanacağım. 0:02:03.520,0:02:07.930 Windows'da daha iyi Ctrl+Alt+L kısayoludur. 0:02:07.930,0:02:11.560 Şimdi, sadece burada olan biteni [br]anladığınızdan emin olmak istiyorum. 0:02:11.560,0:02:16.640 Üste doğru kaydırarak, burada bir [br]adet kök dizini LinearLayout'a sahibim. 0:02:16.640,0:02:21.930 Burada başlıyor ve aşağıya doğru [br]tam olarak kaydırırsam, burada sona erer. 0:02:23.320,0:02:26.550 Bu LinearLayout kök dizini içerisine [br]doğru, tekrardan yukarı kaydıracağım. 0:02:28.220,0:02:31.919 Burada başlayan bir adet alt tasarıma [br]sahibim. 0:02:31.919,0:02:35.459 Yavaş yavaş aşağıya kaydıracağım. 0:02:35.459,0:02:37.150 Ve o burada sonlanıyor. 0:02:37.150,0:02:38.860 Bu TeamA için. 0:02:38.860,0:02:42.260 Ve burada başlayan başka bir alt [br]LinearLayout'um var. 0:02:42.260,0:02:47.418 Yavaşça aşağı kaydırın, bu TeamB [br]için burada sona ermektedir. 0:02:47.418,0:02:49.956 Pekala, şimdiüstte kırmızı bir tanesini [br]farkettim, tekrar yukarı kaydıracağım 0:02:49.956,0:02:52.750 ve hatanın ne olduğunu göreceğim. 0:02:54.400,0:02:58.440 Hatalı sayfa yönü, sayfa yönü [br]belirtilmedi ve varsayılan yatay. 0:02:58.440,0:03:00.965 En azından geniş match_parent'in [br]bulunduğu yerde bu tasarım 0:03:00.965,0:03:03.793 çoklu bir alttakine sahip. 0:03:03.793,0:03:08.092 Hm, güzel bunun yatay olmasını istiyorum[br]ancak haydi devam edelim ve sayfa 0:03:08.092,0:03:10.010 yönünü belirleyelim. 0:03:11.360,0:03:15.400 Yine, bu teknik açıdan gerekli değildir [br]çünkü varsayılan yatay ancak 0:03:15.400,0:03:16.430 bunun net olması güzel. 0:03:17.950,0:03:22.168 Pekala, alttakilerle ilgili birbirinin [br]dahil edilmesiyle ilgili birşeyler 0:03:22.168,0:03:24.334 söylüyorlardı. Önizlemeye tıklayacağım. 0:03:24.334,0:03:27.901 LinearLayout için tüm kopyalama ve [br]yapıştırma sıkıntılarını halletmeme rağmen, 0:03:27.901,0:03:30.842 bunun gerçekten çok değişmediği [br]görünmektedir. 0:03:31.905,0:03:34.345 Bu, baktığım hataya sahip olabilir. 0:03:35.525,0:03:38.915 Bunun yatay bir tasarım olduğu [br]söyleniyordu. 0:03:38.915,0:03:42.615 O zaman o, birbirine yakın bu iki [br]LinearLayouts'u tasarlamaya çalışıyordu 0:03:42.615,0:03:46.591 ancak LinearLayout, ekranı dolduran [br]match_parent'ın layout_width'ine 0:03:46.591,0:03:49.940 sahiptir. 0:03:49.940,0:03:54.510 Aslında benim ilk LinearLayout'um [br]ekranı dolduruyor ve sonra diğer 0:03:54.510,0:03:58.510 LinearLayout ekranın dışına yakın [br]bir yerde yerleştiriliyor. 0:04:00.000,0:04:03.360 O zaman, haydi bu noktada aslında ne [br]yapmak istediğimizi düşünelim. 0:04:03.360,0:04:08.090 Biz iki tane tasarımın birbirine yakın ve [br]eşit aralıkta tamamlanmasını istiyoruz. 0:04:08.090,0:04:11.860 O zaman ne zaman layout_weights'da [br]getirmeye gereksinim duyacağız. 0:04:11.860,0:04:16.267 İlk LinearLayout'u alacağım ve 1 [br]numaralı layout_weight'u 0:04:16.267,0:04:19.579 vereceğim. 0:04:21.140,0:04:26.160 Aynı zamanda genişliğini 0'a ayarlayacağım. 0:04:26.160,0:04:29.940 Pekala, aslında gerçekten düzgünce [br]gösterilmeyen biz iki tane 0:04:29.940,0:04:32.940 LinearLayouts'u görebiliriz. 0:04:32.940,0:04:34.560 Ama bu biraz daha iyi. 0:04:34.560,0:04:37.807 O zaman buraya kendi ikinci LinearLayout'um[br]üzerine layout_weight koymam 0:04:37.807,0:04:38.877 gerekiyor. 0:04:38.877,0:04:40.500 O zaman biraz daha aşağıya kaydıracağım. 0:04:40.500,0:04:42.190 İşte benim ikinci LinearLayout'um. 0:04:42.190,0:04:44.250 Tam olarak aynı şeyi yapacağım. 0:04:44.250,0:04:48.186 Bunun 1 numaralı layout_weight'a [br]sahip olduğunu söyleyeceğim ve 0:04:48.186,0:04:51.080 şimdi bunlar eşit layout_weight'a sahipler. 0:04:52.650,0:04:55.630 Ve sonra genişliği 0'a ayarlayacağım. 0:04:55.630,0:05:00.160 Eğer bunların her iki tarafı herhangi [br]bir genişlik kaplamıyorsa, pekala 0:05:00.160,0:05:04.588 sebep her ikisinin genişliğini 0'a [br]ayarlamış olmamdır. 0:05:04.588,0:05:06.850 Sonra, tüm ekran boyunca olan [br]bütün ekstra aralıkları alacağım ve 0:05:06.850,0:05:11.340 yarısını birine yarısına başkasına [br]vererek böleceğim, çünkü bunların 0:05:11.340,0:05:14.950 her ikiside aynı tasarım kalınlığına [br]sahipler. 0:05:14.950,0:05:17.650 Eğer tüm bunlar kafa karıştırıyorsa, [br]layout_weight ile ilgili eğitici notlarda 0:05:17.650,0:05:20.350 birkaç link paylaştım. 0:05:20.350,0:05:24.162 Pekala, ancak A takımı hariç bu [br]oldukça güzel görünüyor. 0:05:24.162,0:05:29.310 Burada bunu değiştirmek için aşağıya [br]kaydıracağım ve bunu B takımına 0:05:30.460,0:05:35.420 değiştireceğim. Şimdi burada bir hatanın [br]olduğunu farketmişsinizdir, bu hata 0:05:35.420,0:05:39.760 oluyor çünkü çift ID'iz var. 0:05:39.760,0:05:42.340 Unutmayın, yalnızca kodu kopyaladım [br]ve yapıştırdım. 0:05:42.340,0:05:46.090 O zaman esasında biz team_a_score'ın [br]aynı id'sine sahip olmaya çalışan 0:05:46.090,0:05:48.030 iki şeyimiz var. 0:05:48.030,0:05:51.800 O zaman bu team_b_score'u [br]gerçekten değiştireceğim. 0:05:51.800,0:05:53.840 Pekala, bu oldukça güzel görünüyor. 0:05:53.840,0:05:54.830 Bunu görmek biraz zor. 0:05:54.830,0:05:55.420 Yaklaştıracağım. 0:05:56.800,0:05:58.150 Ancak burası B takımı. 0:05:59.290,0:06:02.420 Ve tüm doğru tuşlara ve doğru [br]metin görünümlerine sahibim. 0:06:02.420,0:06:03.870 O zaman bunu kendi telefonumda [br]çalıştıracağım. 0:06:05.490,0:06:07.960 Pekala, bu oldukça güzel görünüyor. 0:06:07.960,0:06:13.418 Şimdi eğer A takımı tuşlarına basarsam, [br]o güncellenir, bu harika. 0:06:13.418,0:06:18.840 Eğer B takımı tuşlara basarsam, [br]aynı zamanda o da güncellenir. 0:06:18.840,0:06:20.910 Bu özeldir. 0:06:20.910,0:06:23.480 Ancak unutmayın, [br]biz yalnızca XML'i elde etmek istedik. 0:06:23.480,0:06:25.630 Gerçekten Java'yla ilgilenmedik. 0:06:25.630,0:06:29.140 Ancak şimdi XML çalışıyor, [br]Java'yı neden düzeltmeyelim?