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:

• Cara Menerapkan Show/Hide Password di Android Studio
• Belajar Cara Membuat Spinner di Android Studio
• Belajar Membuat AutoCompleteTextView di Android Studio

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.

Wildan M Athoillah

Pantang menyerah dan terus maju, bertekad meningkatkan kualitas sumber daya manusia, melalui tulisan, karya dan ilmu yang diberikan.

Share this post

Berlangganan update artikel terbaru via email:

Link will be apear in 15 seconds.

Well done! you have successfully gained access to Decrypted Link.