Belajar Menggunakan CheckedTextView di Android Studio


Assalamualaikum Warahmatullahi Wabarakatuh.

CheckedTextView adalah ekstensi dari TextView yang mendukung antarmuka yang dapat dicentang dan menampilkannya. Kompinen ini memiliki kotak centang beserta dengan beberapa text, pada umum CheckedTextView di implementasikan pada ListView untuk menentukan item yang ingin dipilih atau tidak.


Pada tutorial ini, kita akan belaajar membuat program sederhana dengan menggunakan CheckedTextView didalam aplikasi yang akan kita buat. Untuk itu mari kita simak tutorial berikut ini.

Materi lainnya yang direkomendasikan:

Belajar Menggunakan CheckedTextView di Android Studio

1) Buka aplikasi Android Studio kalian, Buat Project Baru.

2) Buka file activity_main.xml kalian, disini kita akan menambahkan beberapa CheckedTextView.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:layout_margin="12dp"
    android:orientation="vertical"
    tools:context="android.cianjur.developer.net.basicandroid.MainActivity">

    <CheckedTextView
        android:id="@+id/item1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:checkMark="@drawable/ic_check"
        android:text="Ayam Goreng"
        android:textSize="15sp" />

    <CheckedTextView
        android:id="@+id/item2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:checkMark="@drawable/ic_check"
        android:text="Bakso"
        android:textSize="15sp" />

    <CheckedTextView
        android:id="@+id/item3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:checkMark="@drawable/ic_check"
        android:text="Nasi Goreng"
        android:textSize="15sp" />

    <CheckedTextView
        android:id="@+id/item4" 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:checkMark="@drawable/ic_check"
        android:text="Tahu Bulat"
        android:textSize="15sp" />
</LinearLayout>
Perlu kalian ketahui, CheckedTextView tidak dapat menampilkan tanda ceklis saat user mengkliknya, Untuk itu kita perlu manambahkan atribut checkMark didalam CheckedTextView, atribut tersebut digunakan untuk menampilkan gambar atau grafik tanda ceklis seperti pada CheckBox.

View:


3) Buka file MainActivity.java, mesukan source code berikut ini.
package android.cianjur.developer.net.basicandroid;

/*
 Dibuat Oleh WILDAN M ATHOILLAH
 */

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

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    private CheckedTextView Item1, Item2, Item3, Item4;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Item1 = findViewById(R.id.item1);
        Item1.setOnClickListener(this);
        Item2 = findViewById(R.id.item2);
        Item2.setOnClickListener(this);
        Item3 = findViewById(R.id.item3);
        Item3.setOnClickListener(this);
        Item4 = findViewById(R.id.item4);
        Item4.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.item1:
                if(Item1.isChecked()){
                    Item1.setChecked(false);
                    Toast.makeText(MainActivity.this, Item1.getText().toString() +" NoChecked", Toast.LENGTH_SHORT).show();
                }else {
                    Item1.setChecked(true);
                    Toast.makeText(MainActivity.this, Item1.getText().toString() +" IsChecked", Toast.LENGTH_SHORT).show();
                }
                break;

            case R.id.item2:
                if(Item2.isChecked()){
                    Item2.setChecked(false);
                    Toast.makeText(MainActivity.this, Item2.getText().toString() +" NoChecked", Toast.LENGTH_SHORT).show();
                }else {
                    Item2.setChecked(true);
                    Toast.makeText(MainActivity.this, Item2.getText().toString() +" IsChecked", Toast.LENGTH_SHORT).show();
                }
                break;

            case R.id.item3:
                if(Item3.isChecked()){
                    Item3.setChecked(false);
                    Toast.makeText(MainActivity.this, Item3.getText().toString() +" NoChecked", Toast.LENGTH_SHORT).show();
                }else {
                    Item3.setChecked(true);
                    Toast.makeText(MainActivity.this, Item3.getText().toString() +" IsChecked", Toast.LENGTH_SHORT).show();
                }
                break;

            case R.id.item4:
                if(Item4.isChecked()){
                    Item4.setChecked(false);
                    Toast.makeText(MainActivity.this, Item4.getText().toString() +" NoChecked", Toast.LENGTH_SHORT).show();
                }else {
                    Item4.setChecked(true);
                    Toast.makeText(MainActivity.this, Item4.getText().toString() +" IsChecked", Toast.LENGTH_SHORT).show();
                }
                break;
        }
    }
}
Pada source tersebut, kita menggunakan onClickListener, untuk menangani kejadian saat user mengkliknya, fungsi isChecked() digunakan untuk mendeteksi apakah item tersebut di checked atau tidak. jika user mengkliknya dalam keadaan Checked, maka akan berubah menjadi nonChecked dan sebaliknya.

Demo:


Terimakasih atas kunjungannya, semoga tutorial yang saya berikan bisa bermanfaat untuk kalian semua, selebihnya, mohon maaf bila ada kesalahan.

Wassalamualaikum Warahmatullahi Wabarakatuh.

Disqus Comments