Tutorial Cara Membuat Checkbox di Android Studio

Android Najwa - Selamat Siang, kembali lagi bersama saya dalam membahas materi android yang mana tadi pagi saya memberikan materi mengenai "Radio Button" di Android Studio. Mungkin gak jauh beda dengan Radio Button, karna prinsip nya hampir sama ya yaitu tentang "Checkbox" di Android Studio.

Checkbox Android

Apa itu Checkbox ?

Check Box adalah salah  satu  komponen form  yang difungsikan agar pengguna dapat memilih menu yang tersedia dengan cara mengklik salah satu menu yang ada. Checkbox merupakan Widget yang telah disediakan oleh Android Studio yang digunakan sebagai membuat list pilihan yang akan dipilih salah satu berupa bentuk satu kotak kecil dengan tanda ceklis ditengah nya sebagai petunjuk yang dipilih. Checkbox ini bisa kita pilih lebih dari satu pilihan. Normalnya, jika chcek box di klik maka akan muncul tanda centang yang memberikan input pada komputer bahwa opsi tersebut di pilih. Contoh elemen graphical user interface lainnya adalah list box, combo box, radio button, serta lainnya yang memiliki karakteristik yang berbeda-beda. Berikut ini adalah contoh penggambaran desain awal nya dari Checkbox dengan contoh adalah memilih hobi menggunakan checkbox ini. Liat Gambar dibawah

Contoh Tampilan Awal Sederhana Checkbox

Bagaimana cara menggunakan Checkbox?

Tutorial Cara Membuat Checkbox

Langkah 1 : Jalankan Android Studio.exe kalian seperti biasa, lalu buatlah project baru dengan seperti berikut.

• Application Name : Checkbox
• Package Name : androidnajwa.com
• Minimum Required SDK : API 15 Andorid 4.0.3 (IceCreamSandwich)

Buat Project Baru

Langkah 2 :  Pilih saja Blank Activity lalu klik Next dan Finish

Add Activiry

Langkah 3 : Untuk membuat antarmuka halaman utama (activity_main.xml) seperti diatas tadi dapat dilakukan dengan “Drag and Drop” dari komponen yang tersedia atau langsung menuliskan script XML. Untuk script XML dapat dituliskan seperti berikut.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"

    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">



    <TextView

        android:id="@+id/textView1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_alignParentTop="true"

        android:layout_marginLeft="46dp"

        android:layout_marginTop="48dp"

        android:text="Pilih hobi kamu!"

        android:textSize="20sp" />



    <CheckBox

        android:id="@+id/checkBox1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignLeft="@+id/textView1"

        android:layout_below="@+id/textView1"

        android:layout_marginTop="22dp"

        android:text="Olah raga" />



    <CheckBox

        android:id="@+id/checkBox2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignLeft="@+id/checkBox1"

        android:layout_below="@+id/checkBox1"

        android:text="Membaca" />



    <CheckBox

        android:id="@+id/checkBox3"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignLeft="@+id/checkBox2"

        android:layout_below="@+id/checkBox2"

        android:text="Menulis" />



    <CheckBox

        android:id="@+id/checkBox4"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignLeft="@+id/checkBox3"

        android:layout_centerVertical="true"

        android:text="Travelling" />

    <CheckBox

        android:id="@+id/checkBox5"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignLeft="@+id/checkBox4"

        android:layout_below="@+id/checkBox4"

        android:text="Lainnya" />



    <Button

        android:id="@+id/button1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignLeft="@+id/checkBox5"

        android:layout_below="@+id/checkBox5"

        android:layout_marginTop="17dp"

        android:text="Kirim" />



</RelativeLayout>

Langkah 4 : Bukalah MainActivity.java lalu edit seperti berikut ini

 package com.androidnajwa.checkbox;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.Toast;

public class MainActivity extends Activity {
    CheckBox cb1, cb2, cb3, cb4, cb5;
    Button tombol;
    String tampil;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        cb1 = (CheckBox) findViewById(R.id.checkBox1);
        cb2 = (CheckBox) findViewById(R.id.checkBox2);
        cb3 = (CheckBox) findViewById(R.id.checkBox3);
        cb4 = (CheckBox) findViewById(R.id.checkBox4);
        cb5 = (CheckBox) findViewById(R.id.checkBox5);
        tombol = (Button) findViewById(R.id.button1);

        //membuat listener ketika dilakukan klik pada objek
        OnClickListener listener = new OnClickListener() {
            @Override
            public void onClick(View v) {
                if (cb1.isChecked()) tampil += cb1.getText().toString();
                if (cb2.isChecked()) tampil += ", " + cb2.getText().toString();
                if (cb3.isChecked()) tampil += ", " + cb3.getText().toString();
                if (cb4.isChecked()) tampil += ", " + cb4.getText().toString();
                if (cb5.isChecked()) tampil += ", " + cb5.getText().toString();
                Toast.makeText(MainActivity.this,
                        "Hobi anda adalah " + tampil,
                        Toast.LENGTH_SHORT).show();
                tampil = ""; //kosongkan variabel tampil
            }
        };

        //menerapkan listener pada tombol
        tombol.setOnClickListener(listener);

    }
}

Sampai tahap disini sudah selesai. Sekarang lakukan testing, dengan cara menekan Shift+F10.

(1) Hasil Checkbox

Ketika kalian memilih pilihan hobi "Olahraga,Membaca, dan Menulis" kemudian tekan tombol "Kirim" maka akan tampil hasil nya sebagai berikut

(2) Hasil Checkbox

Bisa kita lihat bahwa muncul popup Toast "Hobi anda adalah Olahraga, Membaca, Menulis". Bila kita memilih kembali dengan hanya pilihan "Travelling" maka akan tampil seperti berikut

(3) Hasil Checkbox

Nah, itulah hasil dari penggunaan Checkbox yang nanti nya akan muncul List/Daftar yang akan kita pilih. Kita bisa menentukan pilihan dengan menggunakan Checkbox ini. Gimana? Mudah Bukan? Untuk dikembangkan lagi juga bisa dengan aksi lainnya asal kalian bisa memahaminya. Nantikan kelanjutan saya akan memberikan materi berikutnya mengenai Checkbox.

Demikian Tutorial Cara Membuat Checkbox di Android Studio. Bila Ada Pertanyaan silakan komentar dihalaman Komentar.Terima Kasih Atas Kunjungan di Android Najwa.

Link Download Klik Disini

Catatan : Silakan Klik Gambar dibawah ini untuk mendapatkan Password RAR.

Tweet