[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.45,0:00:03.65,Default,,0000,0000,0000,,Sebelum saya mulai coding,\Nsaya akan jawab pertanyaan ini. Dialogue: 0,0:00:03.65,0:00:07.46,Default,,0000,0000,0000,,Saya hanya mengetahui dua\Nview groups, LinearLayouts dan Dialogue: 0,0:00:07.46,0:00:08.63,Default,,0000,0000,0000,,RelativeLayouts. Dialogue: 0,0:00:08.63,0:00:13.71,Default,,0000,0000,0000,,Kata kuncinya adalah keduanya harus\Nmenempati ruang yang sama. Dialogue: 0,0:00:13.71,0:00:16.26,Default,,0000,0000,0000,,Menggunakan layout weight adalah\Ncara paling mudah digunakan. Dialogue: 0,0:00:17.48,0:00:20.07,Default,,0000,0000,0000,,Oke, ayo kerjakan dan perhatikan kodenya. Dialogue: 0,0:00:20.07,0:00:22.88,Default,,0000,0000,0000,,Saya tidak lagi bekerja dalam \NJava, jadi akan saya lanjutkan dan Dialogue: 0,0:00:22.88,0:00:24.78,Default,,0000,0000,0000,,pindah ke activity_main.xml. Dialogue: 0,0:00:25.83,0:00:27.15,Default,,0000,0000,0000,,Inilah berkas XML saya. Dialogue: 0,0:00:28.27,0:00:33.88,Default,,0000,0000,0000,,Saya akan mulai dengan meletakkan semua\Nkode ini pada LinearLayout lain. Dialogue: 0,0:00:33.88,0:00:38.33,Default,,0000,0000,0000,,Dan ini adalah induk LinearLayout untuk\Ndua LinearLayouts mini saya. Dialogue: 0,0:00:39.36,0:00:43.90,Default,,0000,0000,0000,,Saya pindah dua baris ini ke atas sini, Dialogue: 0,0:00:43.90,0:00:49.67,Default,,0000,0000,0000,,karena mereka harus menempel pada\Nroot view, tambahkan kurung kurawal. Dialogue: 0,0:00:49.67,0:00:53.99,Default,,0000,0000,0000,,Oke, Android Studio secara otomatis\Nakan membuat tag penutup untuk saya. Dialogue: 0,0:00:53.99,0:00:55.06,Default,,0000,0000,0000,,Jadi, saya lanjutkan dan Dialogue: 0,0:00:55.06,0:00:59.37,Default,,0000,0000,0000,,memotong tag penutup, gulir\Nke bawah dan tempel. Dialogue: 0,0:01:01.16,0:01:06.45,Default,,0000,0000,0000,,Oke, muncul garis merah dan\Njika saya lihat kesalahannya, Dialogue: 0,0:01:06.45,0:01:10.66,Default,,0000,0000,0000,,dikatakan kalau saya harus menentukan\Nlayout_height dan layout_width. Dialogue: 0,0:01:10.66,0:01:12.04,Default,,0000,0000,0000,,Baiklah, ayo kerjakan. Dialogue: 0,0:01:13.21,0:01:17.58,Default,,0000,0000,0000,,Jadi karena ini adalah root view,\Nsaya akan membuat match_parent. Dialogue: 0,0:01:20.05,0:01:21.14,Default,,0000,0000,0000,,Oke, jadi Dialogue: 0,0:01:21.14,0:01:25.61,Default,,0000,0000,0000,,Saya punya satu LinearLayout mengelilingi\Nanak LinearLayout sekarang. Dialogue: 0,0:01:25.61,0:01:30.50,Default,,0000,0000,0000,,Dan jika saya buka Preview,\Nterlihat sama. Dialogue: 0,0:01:30.50,0:01:35.51,Default,,0000,0000,0000,,Oke, yang akan saya lakukan\Nadalah menyalin semuanya yang ada Dialogue: 0,0:01:35.51,0:01:41.10,Default,,0000,0000,0000,,di dalam Team A LinearLayout, dan\Ndisebelah Team A, saya akan tempel. Dialogue: 0,0:01:42.16,0:01:47.03,Default,,0000,0000,0000,,Dan akan menjadi LinearLayout Team B. Dialogue: 0,0:01:47.03,0:01:52.21,Default,,0000,0000,0000,,Sekarang, semuanya mulai\Nterlihat berantakan. Dialogue: 0,0:01:52.21,0:01:57.26,Default,,0000,0000,0000,,Saya akan lakukan Cmd+A,\Natau pilih semua, kemudian Dialogue: 0,0:01:57.26,0:02:03.52,Default,,0000,0000,0000,,menggunakan jalan pintas papan ketik\NCmd+Option+L untuk memformat kode saya. Dialogue: 0,0:02:03.52,0:02:07.93,Default,,0000,0000,0000,,Pada Windows, Ctrl+Alt+L,\Nterlihat sedikit lebih baik. Dialogue: 0,0:02:07.93,0:02:11.56,Default,,0000,0000,0000,,Saya hanya ingin memastikan kalau Anda\Nmemahami apa yang kini sedang terjadi. Dialogue: 0,0:02:11.56,0:02:16.64,Default,,0000,0000,0000,,Gulir ke atas,\Nada root LinearLayout di sini Dialogue: 0,0:02:16.64,0:02:21.93,Default,,0000,0000,0000,,Dimulai dari sini, dan jika kita\Ngulir ke bawah, berakhir di sini. Dialogue: 0,0:02:23.32,0:02:26.55,Default,,0000,0000,0000,,Di dalam root LinearLayout,\Nsaya gulir ke atas lagi. Dialogue: 0,0:02:28.22,0:02:31.92,Default,,0000,0000,0000,,Ada satu anak tata letak di sini,\Nyang mulai dari sini. Dialogue: 0,0:02:31.92,0:02:35.46,Default,,0000,0000,0000,,Saya akan gulir perlahan. Dialogue: 0,0:02:35.46,0:02:37.15,Default,,0000,0000,0000,,Dan berakhir di sini. Dialogue: 0,0:02:37.15,0:02:38.86,Default,,0000,0000,0000,,Ini untuk TeamA. Dialogue: 0,0:02:38.86,0:02:42.26,Default,,0000,0000,0000,,Dan saya ada anak LinearLayout lain\Nyang mulai dari sini. Dialogue: 0,0:02:42.26,0:02:47.42,Default,,0000,0000,0000,,Gulir ke bawah perlahan,\Nakhiri di sini untuk TeamB. Dialogue: 0,0:02:47.42,0:02:49.96,Default,,0000,0000,0000,,Baiklah, saya menemukan beberapa\Ntanda merah di sebelah atas, Dialogue: 0,0:02:49.96,0:02:52.75,Default,,0000,0000,0000,,Saya akan gulir ke atas lagi\Ndan melihat kesalahannya. Dialogue: 0,0:02:54.40,0:02:58.44,Default,,0000,0000,0000,,Orientasi salah, tidak ada orientasi\Nditetapkan, dan defaultnya horizontal. Dialogue: 0,0:02:58.44,0:03:00.96,Default,,0000,0000,0000,,Namun tata letak ini memiliki banyak anak, Dialogue: 0,0:03:00.96,0:03:03.79,Default,,0000,0000,0000,,dimana setidaknya memiliki setidaknya\Nsatu width match_parent. Dialogue: 0,0:03:03.79,0:03:08.09,Default,,0000,0000,0000,,Saya juga ingin membuatnya horizontal,\Ntapi ayo lanjutkan dulu dan Dialogue: 0,0:03:08.09,0:03:10.01,Default,,0000,0000,0000,,tetapkan orientasinya. Dialogue: 0,0:03:11.36,0:03:15.40,Default,,0000,0000,0000,,Sekali lagi, secara teknis ini tidak\Ndibutuhkan karena defaultnya horizontal Dialogue: 0,0:03:15.40,0:03:16.73,Default,,0000,0000,0000,,tapi akan bagus jika lebih jelas. Dialogue: 0,0:03:17.95,0:03:22.17,Default,,0000,0000,0000,,Oke, ini tentang anak \Nyang saling menutupi. Dialogue: 0,0:03:22.17,0:03:24.33,Default,,0000,0000,0000,,Saya akan klik Pratinjau. Dialogue: 0,0:03:24.33,0:03:27.90,Default,,0000,0000,0000,,Tidak terlihat berubah\Nterlalu banyak, meskipun Dialogue: 0,0:03:27.90,0:03:30.84,Default,,0000,0000,0000,,saya sudah menyalin dan\Nmenempel LinearLayout lain. Dialogue: 0,0:03:31.90,0:03:34.34,Default,,0000,0000,0000,,Pasti ada hubungannya\Ndengan kesalahan yang tadi. Dialogue: 0,0:03:35.52,0:03:38.92,Default,,0000,0000,0000,,Dikatakan kalau ini adalah\Ntata letak horizontal. Dialogue: 0,0:03:38.92,0:03:42.62,Default,,0000,0000,0000,,Jadi, dia mencoba meletakkan\Ndua LinearLayouts berdampingan Dialogue: 0,0:03:42.62,0:03:46.59,Default,,0000,0000,0000,,tapi LinearLayout itu \Npunya layout_width dari Dialogue: 0,0:03:46.59,0:03:49.94,Default,,0000,0000,0000,,match_parent yang mengisi layar. Dialogue: 0,0:03:49.94,0:03:54.51,Default,,0000,0000,0000,,Jadi, intinya LinearLayout\Npertama saya memenuhi layar Dialogue: 0,0:03:54.51,0:03:58.51,Default,,0000,0000,0000,,lalu LinearLayout lain berada\Ndi sebelahnya di luar layar. Dialogue: 0,0:04:00.00,0:04:03.36,Default,,0000,0000,0000,,Mari pikirkan tentang apa yang\Nsebenarnya kita mau di sini. Dialogue: 0,0:04:03.36,0:04:08.09,Default,,0000,0000,0000,,Kita mau dua tata letak menempati\Nruang sama dan berdampingan. Dialogue: 0,0:04:08.09,0:04:11.86,Default,,0000,0000,0000,,Inilah saatnya untuk kita\Nmemberi layout_weights. Dialogue: 0,0:04:11.86,0:04:16.27,Default,,0000,0000,0000,,Saya akan ambil LinearLayout pertama dan Dialogue: 0,0:04:16.27,0:04:19.58,Default,,0000,0000,0000,,memberinya layout_weight 1. Dialogue: 0,0:04:21.14,0:04:26.16,Default,,0000,0000,0000,,Saya juga akan atur width ke 0. Dialogue: 0,0:04:26.16,0:04:29.94,Default,,0000,0000,0000,,Oke, kita bisa lihat kalau\Nkita punya dua LinearLayouts, Dialogue: 0,0:04:29.94,0:04:32.94,Default,,0000,0000,0000,,hanya saja mereka tidak \Ntertata dengan baik. Dialogue: 0,0:04:32.94,0:04:34.56,Default,,0000,0000,0000,,Tapi sekarang sudah lebih baik. Dialogue: 0,0:04:34.56,0:04:37.81,Default,,0000,0000,0000,,Saya juga beri layout_weight\Npada LinearLayout kedua, Dialogue: 0,0:04:37.81,0:04:38.88,Default,,0000,0000,0000,,di sebelah sini. Dialogue: 0,0:04:38.88,0:04:40.50,Default,,0000,0000,0000,,Saya gulir ke bawah. Dialogue: 0,0:04:40.50,0:04:42.19,Default,,0000,0000,0000,,Inilah LinearLayout kedua saya. Dialogue: 0,0:04:42.19,0:04:44.25,Default,,0000,0000,0000,,Saya akan lakukan hal yang sama. Dialogue: 0,0:04:44.25,0:04:48.19,Default,,0000,0000,0000,,layout_weight juga 1 Dialogue: 0,0:04:48.19,0:04:51.08,Default,,0000,0000,0000,,jadi, sekarang mereka punya\Nlayout_weight yang setara. Dialogue: 0,0:04:52.65,0:04:55.63,Default,,0000,0000,0000,,dan saya atur lebar ke 0. Dialogue: 0,0:04:55.63,0:05:00.16,Default,,0000,0000,0000,,Alasan saya mengatur lebar keduanya ke 0, Dialogue: 0,0:05:00.16,0:05:04.59,Default,,0000,0000,0000,,adalah jika kedua sisi tidak diberi lebar. Dialogue: 0,0:05:04.59,0:05:06.85,Default,,0000,0000,0000,,Maka mereka akan menguasai seluruh ruang, Dialogue: 0,0:05:06.85,0:05:11.34,Default,,0000,0000,0000,,yaitu seluruh layar, dibagi menjadi dua Dialogue: 0,0:05:11.34,0:05:14.95,Default,,0000,0000,0000,,karena keduanya memiliki lebar yang sama. Dialogue: 0,0:05:14.95,0:05:17.65,Default,,0000,0000,0000,,Jika semua ini membingungkan,\Nsaya sudah menautkan beberapa video Dialogue: 0,0:05:17.65,0:05:20.35,Default,,0000,0000,0000,,dalam catatan instruktur yang\Nmembahas tentang layout_weight. Dialogue: 0,0:05:20.35,0:05:24.16,Default,,0000,0000,0000,,Ini sudah terlihat lumayan bagus,\Nkecuali di sini disebut Team A. Dialogue: 0,0:05:24.16,0:05:29.31,Default,,0000,0000,0000,,Saya akan gulir ke bawah dan\Nmengubahnya menjadi Team B. Dialogue: 0,0:05:30.46,0:05:35.42,Default,,0000,0000,0000,,Anda mungkin juga menyadari kalau\Nada kesalahan di sini dan Dialogue: 0,0:05:35.42,0:05:39.76,Default,,0000,0000,0000,,kesalahan itu muncul karena\Nadanya ID ganda. Dialogue: 0,0:05:39.76,0:05:42.34,Default,,0000,0000,0000,,Ingat, saya baru saja menyalin\Ndan menempel kode. Dialogue: 0,0:05:42.34,0:05:46.09,Default,,0000,0000,0000,,Jadi, pada dasarnya kita punya dua hal\Nyang sedang mencoba memiliki id sama Dialogue: 0,0:05:46.09,0:05:48.03,Default,,0000,0000,0000,,dari team_a_score. Dialogue: 0,0:05:48.03,0:05:51.80,Default,,0000,0000,0000,,Saya akan menggantinye ke team_b_score. Dialogue: 0,0:05:51.80,0:05:53.84,Default,,0000,0000,0000,,Oke, sudah lumayan bagus. Dialogue: 0,0:05:53.84,0:05:55.42,Default,,0000,0000,0000,,Agak kurang jelas.\NSaya perbesar. Dialogue: 0,0:05:56.80,0:05:58.15,Default,,0000,0000,0000,,Tertulis di sini Team B. Dialogue: 0,0:05:59.29,0:06:02.42,Default,,0000,0000,0000,,Tombol dan semua tampilan teks yang benar. Dialogue: 0,0:06:02.42,0:06:03.87,Default,,0000,0000,0000,,Saya akan mencobanya di ponsel. Dialogue: 0,0:06:05.49,0:06:07.96,Default,,0000,0000,0000,,Oke, sudah lumayan bagus. Dialogue: 0,0:06:07.96,0:06:13.42,Default,,0000,0000,0000,,Sekarang, jika saya menekan tombol\NTeam A, dia bertambah. Bagus. Dialogue: 0,0:06:13.42,0:06:18.84,Default,,0000,0000,0000,,Jika saya tekan tombol Team B,\Ndia juga bertambah. Dialogue: 0,0:06:18.84,0:06:20.91,Default,,0000,0000,0000,,Ini spesial. Dialogue: 0,0:06:20.91,0:06:23.48,Default,,0000,0000,0000,,Tapi ingat, kita hanya ingin\Nmendapatkan XML yang tepat. Dialogue: 0,0:06:23.48,0:06:25.63,Default,,0000,0000,0000,,Kita tidak terlalu peduli dengan Java. Dialogue: 0,0:06:25.63,0:06:29.14,Default,,0000,0000,0000,,Tapi sekarang XML sudah bisa berjalan,\Nkenapa tidak sekalian kita perbaiki Java?