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.
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.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;
}
}
}
Demo:
Terimakasih atas kunjungannya, semoga tutorial yang saya berikan bisa bermanfaat untuk kalian semua, selebihnya, mohon maaf bila ada kesalahan.
Wassalamualaikum Warahmatullahi Wabarakatuh.