Cara Menerapkan Contoh ToggleButton Android

• January 21, 2020 at 2:03 pm

• Quote

codeorayo

Keymaster

ToggleButton adalah salah satu widget yang berfungsi sebagai komponen User Interface(Antar Muka) ,yang dapat digunakan untuk mensett sebuah switch(gonta-ganti) button secara dinamis hampir sama fungsinya seperti SwitchButton ,perbedaanya mungkin terletak pada tampilanya. Umumnya juga widget ToggleButton digunakan pada bagian Setting di perangkat Android, seperti ,Wifi,Data Koneksi,Bluetooth ,Suara ON/OFF dll.

[img width=320,height=228]https://4.bp.blogspot.com/-GL555lR-XOc/Vn4FMMFMdqI/AAAAAAAAERY/VMmwqaoJTiU/s320/android-studio-tutorial.png[/img]

Pada tutorial belajar android kali ini ,kita akan membuat Contoh widget ToggleButton Android. 

Disini nantinya kita akan membuat si user menekan tombol ON dan OFF pada widget ToggleButton .Lalu widget TextView untuk menampilkan status ToggleButton .Untuk lebih jelasnya mari kita buat aplikasinya:

Quote:

1.Pertama kita akan membuat widget  ToggleButton dan TextView yang kita akan terapkan di activity_main.xml.

Copykan baris code berikut ke file layout activity_main.xml.

activity_main.xml

http://schemas.android.com/apk/res/android“

    android:layout_width=”match_parent”

    android:layout_height=”match_parent”

    android:layout_margin=”16dp”

    android:gravity=”center”

    android:orientation=”vertical”>

        android:id=”@+id/toggleButton1″

        android:layout_width=”wrap_content”

        android:layout_height=”wrap_content”

        android:checked=”true”

        android:text=”First ToggleButton” />

        android:id=”@+id/text_view1″

        android:layout_width=”wrap_content”

        android:layout_height=”wrap_content”

        android:layout_marginTop=”16dp”

        android:text=”ToggleButton Status” />

        android:id=”@+id/toggleButton2″

        android:layout_width=”wrap_content”

        android:layout_height=”wrap_content”

        android:layout_marginTop=”16dp”

        android:text=”Second ToggleButton” />

        android:id=”@+id/text_view2″

        android:layout_width=”wrap_content”

        android:layout_height=”wrap_content”

        android:layout_marginTop=”16dp”

        android:text=”ToggleButton Status” />

        android:layout_width=”wrap_content”

        android:layout_height=”wrap_content”

        android:text=”okedroid.com”

        android:textSize=”24sp”

        android:textStyle=”bold” />

.

2.Kedua kita terapkan di file MainActivity.java

MainActivity.java

package com.okedroid.fathur.myapplication;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.widget.CompoundButton;

import android.widget.TextView;

import android.widget.ToggleButton;

public class MainActivity extends AppCompatActivity {

    ToggleButton toggleButton1, toggleButton2;

    TextView textView1, textView2;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        toggleButton1 = (ToggleButton) findViewById(R.id.toggleButton1);

        toggleButton2 = (ToggleButton) findViewById(R.id.toggleButton2);

        textView1 = (TextView) findViewById(R.id.text_view1);

        textView2 = (TextView) findViewById(R.id.text_view2);

        toggleButton1.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

            @Override

            public void onCheckedChanged(CompoundButton compoundButton, boolean checked) {

                if (checked) {

                    textView1.setText(“ToggleButton is ON”);

                } else {

                    textView1.setText(“ToggleButton is OFF”);

                }

            }

        });

        toggleButton2.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

            @Override

            public void onCheckedChanged(CompoundButton compoundButton, boolean checked) {

                if (checked) {

                    textView2.setText(“ToggleButton is ON”);

                } else {

                    textView2.setText(“ToggleButton is OFF”);

                }

            }

        });

        if (toggleButton1.isChecked()) {

            textView1.setText(“ToggleButton is ON”);

        } else {

            textView1.setText(“ToggleButton is OFF”);

        }

        if (toggleButton2.isChecked()) {

            textView2.setText(“ToggleButton is ON”);

        } else {

            textView2.setText(“ToggleButton is OFF”);

        }

    }

}

Sekarang kita coba jalankan Aplikasinya di Android Studio.

Hasilnya kurang lebih seperti tampilan di bawah:

[/tr]

[/tr]

[/table]

[td][img width=163,height=320]https://2.bp.blogspot.com/-tzraYMS2lgo/Vptjcrem6zI/AAAAAAAAEhA/s-VVQ67GFaA/s320/Hasil-Contoh-ToggleButton-Android.png[/img][/td]

[td]Hasil Contoh ToggleButton Android [/td]