Tutorial Android CheckBox

CheckBox adalah on / off switch yang dapat diubah oleh pengguna. Anda dapat menggunakan CheckBox ketika menyajikan pengguna dengan sekelompok opsi yang dapat dipilih.

Berikut ini adalah atribut penting yang terkait dengan CheckBox.

android.widget.TextView Class
1. android:autoText
=> Menetapkan bahwa TextView ini memiliki method input teks dan secara otomatis memperbaiki beberapa kesalahan ejaan.
2. android:drawableBottom
 => ditarik di bawah teks
3. android:drawableRight
 =>  ditarik di bawah teks
4. android:editable
 => bahwa TextView ini memiliki method input.
5. android:text
 => Untuk menampilkan teks

android.view.View Class
1. android:background
 => Sebagai latar belakang
2. android:contentDescription
 => Mendefinisikan teks yang menjelaskan secara singkat.
3. android:id
 => memasok nama pengenal
4. android: onClick
 => adalah nama dari method dalam konteks untuk memanggil ketika diklik.
5. android:visibility
 => Mengontrol visibilitas

Berikut langkah-langkah sederhana, bagaimana untuk membuat aplikasi Android sendiri menggunakan Linear Layout dan CheckBox.

Membuat Project Android
1. Pada Android Studio, buatlah project baru.
     => Jika Anda tidak memiliki sebuah project, di layar Welcome klik New Project.
     => Jika Anda telah membuka project, dari menu File, pilih New Project.

      2. Pada Configure your new project, isi kolom berikut seperti di bawah ini.
       => Application name ⇒ MyCheckBox
       => Company domain ⇒ example.com (Misalnya: com.megadistudio.MyCheckBox)
       => Project Location ⇒ memilih lokasi untuk project Anda.

      3. Pada Select the form factors your app will run oncentang untuk Phone and Tablet.
       => Untuk Minimum SDK, pilih API 10: Android 2.3.3 (Gingerbread). klik Next.

      4. Pada Add an activity to Mobile, pilih Blank Activity dan klik Next.


      Next ->

      5. Klik tombol Finish untuk membuat project.

      6. Pilih View Anda sebagai Project, Buka file layout untuk kegiatan utama (activity_main.xml) terletak di bawah App  res ⇒ layout.

      Hapus TextView (Hello World) dan copy kode di bawah ini untuk membuat layout.

      activity_main.xml
      <?xml version="1.0" encoding="utf-8"?>
      <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
      android:id="@+id/activity_main"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:paddingBottom="@dimen/activity_vertical_margin"
      android:paddingLeft="@dimen/activity_horizontal_margin"
      android:paddingRight="@dimen/activity_horizontal_margin"
      android:paddingTop="@dimen/activity_vertical_margin"
      tools:context="mycheckbox.megadistudio.com.mycheckbox.MainActivity">

      <TextView
      android:text="@string/tk"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:textStyle="bold"
      android:textSize="50sp"
      android:layout_alignParentTop="true"
      android:layout_centerHorizontal="true"
      android:layout_marginTop="23dp"
      android:id="@+id/textView" />

      <ImageView
      android:layout_width="150dp"
      android:layout_height="150dp"
      app:srcCompat="@drawable/tk"
      android:layout_below="@+id/textView"
      android:layout_centerHorizontal="true"
      android:layout_marginTop="24dp"
      android:id="@+id/imageView" />

      <Button
      android:text="@string/b1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginLeft="19dp"
      android:layout_marginStart="19dp"
      android:layout_marginTop="47dp"
      android:id="@+id/button1"
      android:layout_below="@+id/checkBox1"
      android:layout_alignLeft="@+id/checkBox1"
      android:layout_alignStart="@+id/checkBox1" />

      <Button
      android:text="@string/b2"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/button2"
      android:layout_alignBaseline="@+id/button1"
      android:layout_alignBottom="@+id/button1"
      android:layout_alignRight="@+id/checkBox2"
      android:layout_alignEnd="@+id/checkBox2"
      android:layout_marginRight="12dp"
      android:layout_marginEnd="12dp" />

      <CheckBox
      android:text="@string/candro"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/checkBox2"
      android:layout_below="@+id/checkBox1"
      android:layout_alignRight="@+id/textView"
      android:layout_alignEnd="@+id/textView" />

      <CheckBox
      android:text="@string/ctk"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginTop="23dp"
      android:id="@+id/checkBox1"
      android:layout_below="@+id/imageView"
      android:layout_alignLeft="@+id/checkBox2"
      android:layout_alignStart="@+id/checkBox2" />

      </RelativeLayout>

      7.  Buka string.xml terletak di app ⇒ res ⇒ value dan copy kode di bawah ini.

      string.xml
      <resources>
      <string name="app_name">MyCheckBox</string>
      <string name="tk">Tahu Koding</string>
      <string name="b1">Ok</string>
      <string name="b2">Cancel</string>
      <string name="candro">Apa kamu suka belajar pemrograman android?</string>
      <string name="ctk">Apa kamu suka belajar di Tahu Koding ?</string>
      </resources>

      8. Sekarang Buka MainActivity.java terletak di app ⇒ src ⇒ Java dan copy kode di bawah ini.


      MainActivity.java
      package mycheckbox.megadistudio.com.mycheckbox;

      import android.support.v7.app.AppCompatActivity;
      import android.os.Bundle;
      import android.view.View;
      import android.widget.Button;
      import android.widget.CheckBox;
      import android.widget.Toast;

      public class MainActivity extends AppCompatActivity {

      private CheckBox ch1,ch2;
      private Button b1,b2;

      @Override
      protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);

      ch1 = (CheckBox) findViewById(R.id.checkBox1);
      ch2 = (CheckBox) findViewById(R.id.checkBox2);
      b1 = (Button) findViewById(R.id.button1);
      b2 = (Button) findViewById(R.id.button2);

      b2.setOnClickListener(new View.OnClickListener(){
      @Override
      public void onClick(View v) {
      finish();
      }
      });

      b1.setOnClickListener(new View.OnClickListener(){
      @Override
      public void onClick(View v) {
      StringBuffer result = new StringBuffer();
      result.append("Terima Kasih :").append(ch1.isChecked());
      result.append("\nMantap jhoonn :").append(ch2.isChecked());

      Toast.makeText(getApplicationContext(), result.toString(),Toast.LENGTH_LONG).show();

      }
      });

      }
      }

      Untuk menjalankan aplikasi dari Android Studio , klik Run ikon dari toolbar.


      [full-width]

      Iklan Atas Artikel

      Iklan Tengah Artikel 1

      Iklan Tengah Artikel 2

      Iklan Bawah Artikel