Single post

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

    1. Pilih File > New > Vector Asset untuk membuka Vector Asset Studio.
    2. Klik ikon untuk mengubahnya menjadi daftar file ikon material. Pilih kategori Content.
    3. Pilih ikon plus dan klik OK.
    4. Ubah nama file sumber daya “ic_plus” dan centang kotak Override di sebelah opsi ukuran.
    5. Ubah ukuran ikon ke 40dp x 40dp.
    6. Klik Next, lalu Finish.
    7. 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

  1. Klik kanan folder drawable di direktori sumber daya.
  2. Pilih New > Drawable resource file.
  3. Beri nama file “button_background” dan klik OK.
  4. 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

theme by teslathemes