Untuk Postingan data structure akan saya selingi dengan project kecil-kecilan. Saya buat dengan membaca dari beberapa refrensi yang ada diinternet. Project ini ialah BasketScoreCounter. Aplikasi ini digunakan untuk menghitun score dari 2 tim basket yang bertanding. Kita memasukkan score dengan manual. Kita akan menyediakan masing-masing 3 input dalam satu tim. Apa saja input tersebut yaitu ada input score +1 , score +2 dan scor +3. Ada satu tombol lagi yang digunakan untuk mereset score. Berikut ialah templatenya :
Oke gambar diatas menunjukan bahwa ViewGroup dibagi menjadi 3 bagian yatiu untuk TIM A ViewGroup, TIM B ViewGroup dan Reset Button. Nah berikut langkah membangun aplikasi ini :
- Buatlah sebuah project dengan nama BakerScoreCounter, kemudian atur secara basic saja untuk activity name, package, blank activity dll.
- Buatlah Layout menjadi Linear dengan pengaturan tinggi dan lebarnya “match_parent” seperti bagan dibawah : seperti bagan dibawah :
s
- · Untuk Linear Layout utama buat pengaturan
o Tinggi dan lebar match_parent
o Orientasi buatlah vertical
o Buatlah background sesuka mu
- · Setelah itu buat pengaturan pada Linear Layout A sebagai berikut
o Tinggi dan lebar wrap_content
o Orientasi horizontal (Agar Linear Layout Tim A dan Tim B berdampingan)
- · Kemudian buatlah pengturan untuk Linear Layout B sebagai berikut
o Tinggi dan lebar wrap_content
- · Kemudian lanjut untuk setting 2 Linear Layout untuk TIM A dan TIM B
· Untuk TIM A & TIM B
o Tinggi wrap_content
o Lebar 192 dp (Optional dapat diatur dengan lebar sesukanya)
o Orientasi Vertical
- · Lalu didalam Tim A dan Tim B, buatlah 2 TextView dan 3 Button
- · Text View pertama digunakan untuk nama dari tim tersebut. Kali ini kita akan menamai hanya dengan abjad saja yaitu Tim A dan Tim B
o Masukkan text maisng-masing Tim A dan Tim B
o Aturlah Tinggi wrap_content dan Lebar match_parent.
o Text Size optional, sebagai contoh disini saya mengatur dengan ukuran 20sp
o Gravity “center_horizontal”
o Untuk membuat text semua capital masukkan fungsi android:textAllCaps=”true”
·
- Kemudian atur TextView kedua. Digunakan untuk score .
o Atur tinggi dan lebar wrap_content.
o Kemudian text 0
o Layout_gravity = “center_horizontal”
o Id “team_a_score” untuk Tim A & Id “team_b_score” untuk Tim B
o Optional
o Agar rapi pertama lakukan lah pengaturan paddingBottom & paddingTop 30dp
o Atur juga margin_bottom 30dp
o TextSize 75sp
- · Selanjutnya kita akan mengatur 3 tombol untuk fungsi menambahkan score +1, +2, +3, kepada setiap masing-masing Tim. Berarti ada 6 tombol yang harus kita buat untuk fungsi tersebut. Lakukan lah pengaturan umum untuk ke 6 Button sebagai berikut:
o Tinggi wrap_Content
o Lebar 130dp
o marginLeft & marginRight masing-masing 31dp
o marginBottom 10dp
o background #86d3cd
- Oke setelah itu lakukan lah setting yang berbeda untuk ke 6 Button.
· TIM A
o +1 Button = text=”+1 Point” ; onClick = “teamAOneScore”
o +2 Button = text=”+2 Point” ; onClick = “teamATwoScore”
o +3 Button = text=”+3 Point” ; onClick = “teamAThreeScore”
· TIM A
o +1 Button = text=”+1 Point” ; onClick = “teamBOneScore”
o +2 Button = text=”+2 Point” ; onClick = “teamBTwoScore”
o +3 Button = text=”+3 Point” ; onClick = “teamBThreeScore”
- Oke Setelah itu buat Linear Layout untuk resetButton dengan detail sebagai berikut.
Tinggi dan lebar nya wrap_content
Kemudian atur Button dengan rincian, Tinggi dan Lebar wrap_content
Layout_marginTop & Layout_marginBottom = 30dp
Layout_marginLeft & Layout_marginRiht = 150dp
Berikan text “reset”
Kemudian fungsi onClick beri nilai “resetButton”
Jika sudah maka tampilan akan terlihat seperti gambar diatas. Berkutnya kita akan setting MainActivity.java . Kita akan melakukan konfigurasi agar setiap nilai yang diberikan kepada si angka 0 itu dapat update. Caranya sebagai berkut :
Catatan :
Ingat betul-betul dengan nama id dari setiap tombol yang ada. Lalu jangan lupa bahwa tedapat id didalam angka 0 besar. Dan pada bagian bawah yaitu reset button, terdapat sebuah id yang harus diingat.
Pertama kita harus memastikan bahwa code default seperti gambar dibawah ini:
Oke setelah buat object scoreTeamA = 0 dan scoreTeamB= 0. Lalu buat method void untuk masing-masing onClick pada button, untuk Tim A button, kemudian diakhir tambahkan untuk bagian akhir yaitu method untuk menampilkan score kedalam tampilan sebagai berikut :
Oke untuk yagn terakhir lakukan setting java untuk resetButton, berikut kode nya :
Oke jika program berjalan lancer maka proses penambahan skor
untuk masing-masing tim juga fungsi reset pasti akan bekerja. Terima Kasih.
Semoga Bermanfaat.
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon