kapalomen: Tutorial Android 5 - Membuat Check Box

Kadang kita membutuhkan sebuah checkBox misalnya untuk memilih beberapa pilihan. Pada bab ini kita akan berlatih menggunakan widget CheckBox, ketika checkbox aktif tulisan berbunyi “checkBox ini: Dicentang!” dan saat checkBox tidak aktif tulisan berbunyi :checkBox ini: Tidak dicentang!”. Hasil previewnya seperti gambar 5.1

Gambar 5.1 

Sebelum mulai siapkan es Teh dan snack disamping komputer, supaya belajarnya lebih menyenangkan. Nah saatnya dimulai.

• Jalankan Enclipse, buat Project baru 
• Isilah parameter seperti berikut

Project name	MembuatCheckBox
Contents	Create new project in workspace
Build Target	Android 4.3
Application name	MembuatCheckBox
Package name	contoh.checkbox
Activity Name	MainActivity
Layout Name	main
Min SDK version	API 8

• Perhatikan kode pada String.xml. (res/values/string.xml). Tambahkan kode menjadi seperti berikut.

• <?xml version="1.0" encoding="utf-8"?>
  <resources>
  
     <string name="hello">Hello World, checkBox!</string> 
     <string name="app_name">Membuat Check Box</string> 
     <string name="checkBox">checkBox ini : Tidak Dicentang!</string>
  
  </resources>

• Kemudian ketikkan kode berikut ini pada main.xml

• <?xml version="1.0" encoding="utf-8"?> 
   <CheckBox 
       xmlns:android="http://schemas.android.com/apk/res/android" 
       android:layout_width="wrap_content" 
       android:id="@+id/check" 
       android:layout_height="wrap_content"
       android:text="@string/checkBox"> 
   </CheckBox>

• Tuliskan kode checkBox.java seperti beriku:

• package contoh.checkbox;
  
  import android.os.Bundle;
  import android.app.Activity;
  import android.view.Menu;
  import android.widget.CheckBox; 
  import android.widget.CompoundButton; 
  import android.widget.CompoundButton.OnCheckedChangeListener;
  
  public class MainActivity extends Activity implements OnCheckedChangeListener{
   CheckBox cb;
   @Override
   public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.main); 
    cb=(CheckBox)findViewById(R.id.check); 
    cb.setOnCheckedChangeListener(this); }
  
   @Override
   public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
    if (isChecked) {
     cb.setText("checkBox ini : Dicentang!"); 
    } else {
     cb.setText("checkBox ini : Tidak Dicentang!"); 
    } 
   }
  
  }

• Bila kode berantakan, lakukan Format (source > format). 
• Lakukan RUN dan lihat hasilnya. Mudah bukan??