Cara Membuat Toggle Button Android Studio

Berikut Langkah-langkah Cara untuk Membuat Toggle Button Android Studio

(1/6) Toggle Button

Buat Project Baru


(2/6) Toggle Button

Isi pada activity_main.xml sebagai berikut

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20sp"
        android:layout_centerHorizontal="true"
        android:text="@string/contoh_toggle_button"
        android:textSize="25sp"
        android:textStyle="bold"/>

    <ToggleButton
        android:id="@+id/toggleButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView"
        android:layout_marginTop="20sp"
        android:layout_centerHorizontal="true"
        android:textOn="@string/hidup"
        android:textOff="@string/mati"/>

    <Button
        android:id="@+id/btnToggle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/toggleButton"
        android:layout_marginTop="20sp"
        android:layout_centerHorizontal="true"
        android:text="@string/cek_toggle_button"/>

</RelativeLayout>

(3/6) Toggle Button

Maka tampilan layout activity_main.xml akan seperti berikut


(4/6) Toggle Button

Isi pada MainActivity.java sebagai berikut

package com.example.togglebutton;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;
import android.widget.ToggleButton;

public class MainActivity extends AppCompatActivity {

    ToggleButton toggleButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        toggleButton = (ToggleButton)findViewById(R.id.toggleButton);
        Button btnToggle = (Button)findViewById(R.id.btnToggle);
        btnToggle.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(getApplicationContext(), "Lampunya " + toggleButton.getText(), Toast.LENGTH_SHORT).show();
            }
        });
    }
}

(5/6) Toggle Button

Jika dijalankan maka akan seperti berikut


(6/6) Toggle Button

Berikut tampilan, ketika tombol ToggleButton di klik, dan tombol Cek Toggle Button di tekan


Demikian Cara-cara untuk membuat Toggle Button Android Studio, semoga bisa bermanfaat untuk kita semua.

Diterbitkan oleh Farhan Subhan

Mulai bermain dengan blog lagi, untuk mendokumentasikan apa saja yang sudah dilakukan dalam hidup ini

Tinggalkan komentar

Rancang situs seperti ini dengan WordPress.com
Mulai