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.

Cara Menerapkan Widget SwitchButton di Android


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 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.

Layout Design SwitchButton Example

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();
                }
            }
        });
    }
}

Demo:

Screenshot_SwitchButton Example (OFF) Screenshot_SwitchButton Example (ON)

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

Wassalamualaikum Warahmatullahi Wabarakatuh.

Berlangganan update artikel terbaru via email:

0 Response to "Cara Menerapkan Widget SwitchButton di Android"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel