5.1 Drawables, Styles, and Themes
Task 1: Create The Scorekeeper App
1.1 Buat proyek “Scorekeeper”
Mulai Android Studio dan buat proyek Android Studio baru Beri nama proyek Anda “Scorekeeper”
1.2 Buat layout untuk aktivitas utama
- Buka file layout untuk aktivitas utama.
- Hapus TextView yang berisi “Hello World.”
- Ubah tampilan root menjadi LinearLayout dan tambahkan atribut berikut (tanpa menghapus atribut yang sudah ada)
- Didalam LinearLayout, tambahkan dua group tampilan Relative untuk menampung skor setiap tim
-
Tambahkan aset vektor
- Pilih File > New > Vector Asset untuk membuka Vector Asset Studio.
- Klik ikon untuk mengubahnya menjadi daftar file ikon material. Pilih kategori Content.
- Pilih ikon plus dan klik OK.
- Ubah nama file sumber daya “ic_plus” dan centang kotak Override di sebelah opsi ukuran.
- Ubah ukuran ikon ke 40dp x 40dp.
- Klik Next, lalu Finish.
- Ulangi proses ini untuk menambahkan ikon “minus” dan beri nama file “ic_minus”.
1.3 Inisialisasi TextView Anda dan variabel hitungan skor
- Variabel integer agar Anda bisa melacak skor.
- Referensi ke TextView skor Anda di MainActivity sehingga Anda bisa memperbarui skor.
- Dalam metode
onCreate()
MainActivity, temukan TextView skor Anda menurut id dan tetapkan TextView ke variabel anggota. - Buat dua variabel anggota integer, yang menunjukkan skor setiap tim, dan inisialisasi ke 0.
1.4 Implementasikan fungsionalitas onClick untuk tombol Anda.
Di MainActivity Anda, implementasi dua metode onClick: increaseScore()
dan decreaseScore()
.
Task 2: Create a Drawable resource
2.1 Buat Drawable Bentuk
- Klik kanan folder drawable di direktori sumber daya.
- Pilih New > Drawable resource file.
- Beri nama file “button_background” dan klik OK.
- Buang semua kode, kecuali:
<?xml version="1.0" encoding="utf-8"?>
Tambahkan kode berikut yang membuat bentuk oval dengan garis luar
2.2 Terapkan drawable bentuk sebagai latar belakang
Task 3: Style your views
Tugas 4: Tema dan Sentuhan Akhir
4.1 Jelajahi tema
4.2 Tambahkan tombol tema ke menu
4.4 SaveInstanceState
LEAVE A COMMENT