Baiklah. Saya akan menjawab pertanyaan-
pertanyaan ini sebelum masuk ke XML.
Pertama, adalah memilih view.
Saya akan menggambar kotak di
sekeliling yang saya lihat.
Oke, jadi ada lima view yang berbeda
tidak termasuk view group, yang
secara teknikal dianggap suatu view.
Tapi sama saja, lima view ini adalah
dua TextView di atas sini.
diikuti oleh tiga tombol.
Dan tidak ada ImageView dimanapun
jadi tidak ada ImageView.
Sekarang Anda mungkin berpikir kenapa saya
memutuskan dua ini adalah view berbeda
Pada produk akhir, styling
Team A dan skornya
terlihat sangat berbeda.
Jadi saya putuskan untuk membiarkan
keduanya sebagai TextView terpisah.
Lanjut ke langkah kedua,
memposisikan view.
Saya akan memilih ViewGroup mana
yang akan dipakai di sini.
Ada dua dalam benak saya yaitu
linear layout dan relative layout.
Ini adalah kolom vertikal pada view.
Tersusun dengan jelas apa yang saya mau,
itu adalah linear layout.
Oke, terakhir saya masuk ke langkah
ketiga, menata view.
Dan saya akan mengerjakannya
waktu menggunakan XML.
Oke, mari kita masuk ke XML.
Oke, saya ingin melihat
ke tab teks.
Oke, hal pertama yang akan saya
lakukan di sini adalah
menghapus beberapa hal yang tidak
saya perlukan.
Saya akan lanjut dan mulai dengan
menghapus TextView ini.
Dan semua paddingLeft, paddingRight,
paddingTop dan paddingBottom,
juga akan saya hapus.
Sangat berhati-hati tidak menghapus
hal yang tidak ingin saya hapus.
Oke.
Tadi kita katakan bahwa ViewGroup yang
akan digunakan bukan relative layout
tapi linear layout, maka saya akan
mengubahnya sekarang.
Dalam linear layout ini saya akan
membuat dua TextView
dan tiga tombol.
Saya akan memulai membuatnya.
Sekarang saya tidak akan terlalu spesifik
tentang berapa lebar dan
tinggi TextView ini.
Saat ini saya hanya membiarkannya
sebagai wrap_content
yang akan menempatkan kotak TextView
pada sekeliling teksnya.
Saya akan menentukan teks untuk
TextView ini juga.
TextView pertama ini akan
terbaca Team A.
Oke, mari kita lihat bagaimana
penampakannya di Preview.
Oke, saya dapat melihat TextView kecil
di sini yang berkata Team A.
Sekarang mari kita buat
lebih banyak lagi.
Yang dibawahnya adalah skor,
itu juga sebuah TextView.
Kita akan ketik Text.
Oke, saya lihat ada tulisan TextView,
maka saya tekan Enter.
Saya juga akan membuatnya wrap_content.
Dan saya akan menambahkan teksnya.
Skor biasanya mulai dari kosong,
maka kita memulainya dari nol.
Oke.
Sekarang tombolnya.
Saya akan mengetik huruf Button.
Teruskan dan tambahkan wrap_content
untuk ini juga.
Oke, Button pertama akan
terbilang +3 Points.
Saya akan lanjut dan salin ini dan
menempelkannya disini sekali,
dua kali untuk mendapat dua Button lagi.
Satu Button akan terbilang
+2 Points dan
satu lagi terbilang Free Throw.
Oke, mari kita lihat tampilannya
di Preview.
Nah, saya punya tiga tombol.
Saya dapat melihat Team A dan 0.
Jadi saya mendapatkan
semua view saya.
Tapi ini tidak terlihat seperti bayangan akhir
yang diharapkan.
Ingat, mereka ada di kolom vertikal.
Jadi saya pikir saya akan mengubah
orientasi layout saya.
Akan saya lakukan itu.
Mulai ketik orientation dan saya
menginginkannya vertikal.
Oke, terlihat lebih baik.
Tombol-tombol ini sebenarnya diperluas
untuk mengisi lebarnya jendela layar.
Jadi saya tidak mau melakukan
wrap_content untuknya,
sebagai gantinya saya akan melakukan
match_parent.
Jadi, ijinkan saya
mengubahnya sekarang.
Oke, sekarang lebar semua tombol telah
menjadi match_parent.
Ayo ke Preview.
Oke, kelihatannya lebih baik,
mereka membesar.
Baiklah.
Teks saya masih rada terpojok di sudut,
dan untuk membetulkannya saya akan
memakai sesuatu bernama gravity.
Oke, saya di sini dengan Google Drawling.
Mari kita buat satu text box di
Google Drawling.
Oke, sebanyak ini batas pandangan.
Saya dapat mengetik kata Team A,
dan secara otomatis akan tampil di
sudut kiri atas.
Sama seperti TextView, waktu Anda
menaruh teks di TextView,
secara otomatis ia akan ada di
sudut kiri atas.
Dengan Google Drawings, saya dapat
memilih teks ini dan menggunakan
sesuatu yang setara dengan attribute,
namanya line, untuk menengahkannya
secara mendatar dalam kotak teks dan
tertengahkan secara vertikal di dalamnya.
Lumayan keren.