Cara Menerapkan Widget SwitchButton di Android
Assalalamualaikum Warahmatullahi Wabarakatuh.
SwitchButton adalah salah satu widget komponen user interface yang digunakan untuk menghidupkan dan mematikan suatu fungsi didalam program aplikasi, yang di ibaratkan seperti saklar lampu, yang bisa kita hidupkan (ON) dan Matikan (OFF), widget tersebut mirip dengan widget ToggleButton. Pada umumnya SwitchButton digunakan pada Pengaturan dalam sebuah Aplikasi, yaitu untuk menghidupkan atau mematikan suatu fungsi dari aplikasi yang kalian buat.
Pada tutorial ini, kita akan belajar cara membuat serta menggunakan SwitchButton pada Aplikasi Android menggunakan Android Studio, untuk itu mari kita simak tutorial berikut ini.
Materi Lainnya Yang Direkomendasikan:
- Cara Membuat Toggle Button pada Android Studio
- Cara Membuat RatingBar Material Design Android Studio
- Belajar Cara Membuat ListView pada Android Studio
Cara Menerapkan Widget SwitchButton di Android
Buka Aplikasi Android Studio Kalian, buatlah project baru.
Jika sudah, buat dan buka activiy_main.xml pada project tersebut, disini kita akan menggunakan 1 buah SwitchButton dan 1 buah TextView, TextView tersebut akan kita gunakan untuk menampilkan hasil dari SwitchButton.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:background="#FFF5F5F5"
android:gravity="center"
android:orientation="vertical"
tools:context="android.cianjur.developer.net.basicandroid.MainActivity">
<Switch
android:id="@+id/saklar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Contoh SwitchButton" />
<TextView
android:id="@+id/result"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Hasil"
android:textSize="15sp"
android:textStyle="bold" />
</LinearLayout>
Kalian bisa mendrag/dropnya seperti berikut ini.
Selanjutnya buka MainActivity.java, disini kita akan memasukan source code untuk project tersebut, dimana hasil dari SwitchButton akan ditampilkan pada TextView, yaitu ON dan OFF, serta menggunakan Toast untuk menampilkan pesan singkat jika kita hudupkan atau matikan SwitchButton tersebut.
package android.cianjur.developer.net.basicandroid;
/*
Dibuat Oleh WILDAN M ATHOILLAH
*/
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.CompoundButton;
import android.widget.Switch;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity{
private Switch Saklar;
private TextView Hasil;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Saklar = findViewById(R.id.saklar);
Hasil = findViewById(R.id.result);
Saklar.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton compoundButton, boolean checked) {
//Mengecek Status, Apakah SwitchButton Dalam Keadaan Checked/Hidup atau Unchecked/Mati
if(checked){
Hasil.setText("Status: ON");
Toast.makeText(getApplicationContext(),"Saklar Dihidupkan", Toast.LENGTH_SHORT).show();
}else {
Hasil.setText("Status : OFF");
Toast.makeText(getApplicationContext(),"Saklar Dimatikan", Toast.LENGTH_SHORT).show();
}
}
});
}
}
Terimakasih atas kunjungannya, semoga tutorial yang saya berikan bisa bermanfaat untuk kalian semua, selebihnya, mohon maaf bila ada kesalahan.
Wassalamualaikum Warahmatullahi Wabarakatuh.