Cara Menerapkan Contoh ToggleButton Android

  • Post
    codeorayo
    Keymaster
    none
    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:

    [table]

    [tr]

    [/tr]

    [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]

    Ampuh! Ini rahasia mengembangkan aplikasi secara instan, tinggal download dan kembangkan. Gabung sekarang juga! Premium Membership [PRIVATE] https://premium.codeorayo.com
  • You must be logged in to reply to this topic.