Cara Menerapkan Contoh Widget SwitchButton Android

  • Post
    codeorayo
    Keymaster
    none
    Switch Button adalah salah satu widget yang berfungsi sebagai komponen User Interface (Antar Muka),yang dapat menampilkan sebuah switch(gonta-ganti) button secara dinamis.Switch  button terdiri dari ON dan OFF.Ibarat sebuah saklar di sebuah pengembangan Aplikasi Android, widget ini biasanya digunakan untuk ketika membuat Activity Setting pada Aplikasi Android.

    [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 penerapan widget Switch Button Android. Disini nantinya si  pengguna(user) dapat  menggonta-ganti ON dan OFF pada Switch Button. Lalu hasilnya akan di tampilkan pada widget TextView. Untuk lebih jelasnya mari kita coba buat Aplikasinya :

    Quote:

    1.Pertama kita akan membuat widget Switch Button dan TextView yang akan kita masukan ke file layout activity_main.xml.

    Copykan baris code berikut ke file layout activity_main.xml.

    activity_main.xml.


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

    2.     android:layout_width=”match_parent”

    3.     android:layout_height=”match_parent”

    4.     android:layout_margin=”16dp”

    5.     android:gravity=”center_horizontal”

    6.     android:orientation=”vertical”>

    7.  

    8.     

    9.         android:layout_width=”wrap_content”

    10.         android:layout_height=”wrap_content”

    11.         android:text=”Contoh Switch Button Android” />

    12.  

    13.     

    14.         android:id=”@+id/switchButton”

    15.         android:layout_width=”wrap_content”

    16.         android:layout_height=”wrap_content”

    17.         android:layout_marginTop=”50dp”

    18.         android:text=”Android Switch Button 1″ />

    19.  

    20.     

    21.         android:id=”@+id/textView”

    22.         android:layout_width=”wrap_content”

    23.         android:layout_height=”wrap_content”

    24.         android:text=”Android Switch Button” />

    25.  

    26.     

    27.         android:id=”@+id/switchButton2″

    28.         android:layout_width=”wrap_content”

    29.         android:layout_height=”wrap_content”

    30.         android:layout_marginTop=”30dp”

    31.         android:text=”Android Switch Button 2″ />

    32.  

    33.     

    34.         android:id=”@+id/textView2″

    35.         android:layout_width=”wrap_content”

    36.         android:layout_height=”wrap_content”

    37.         android:text=”Android Switch Button” />

    38.  

    39.     

    40.         android:layout_width=”fill_parent”

    41.         android:layout_height=”fill_parent”

    42.         android:gravity=”center|bottom”

    43.         android:text=”okedroid.com”

    44.         android:textSize=”24sp”

    45.         android:textStyle=”bold” />

    46.  



    47. 2. Kedua kita buat sebuah file java MainActivity.java 

      Copykan baris code berikut ke file java  MainActivity.java

       MainActivity.java

      1. package com.okedroid.myapplication;

      2.  

      3.  

      4. import android.os.Bundle;

      5. import android.support.v7.app.AppCompatActivity;

      6. import android.widget.CompoundButton;

      7. import android.widget.Switch;

      8. import android.widget.TextView;

      9.  

      10.  

      11. public class MainActivity extends AppCompatActivity {

      12.  

      13.     Switch switchButton, switchButton2;

      14.     TextView textView, textView2;

      15.     String switchOn = “Switch is ON”;

      16.     String switchOff = “Switch is OFF”;

      17.  

      18.     @Override

      19.     protected void onCreate(Bundle savedInstanceState) {

      20.         super.onCreate(savedInstanceState);

      21.         setContentView(R.layout.activity_main);

      22.  

      23.         // For first switch button

      24.         switchButton = (Switch) findViewById(R.id.switchButton);

      25.         textView = (TextView) findViewById(R.id.textView);

      26.  

      27.         switchButton.setChecked(true);

      28.         switchButton.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

      29.             @Override

      30.             public void onCheckedChanged(CompoundButton compoundButton, boolean bChecked) {

      31.                 if (bChecked) {

      32.                     textView.setText(switchOn);

      33.                 } else {

      34.                     textView.setText(switchOff);

      35.                 }

      36.             }

      37.         });

      38.  

      39.         if (switchButton.isChecked()) {

      40.             textView.setText(switchOn);

      41.         } else {

      42.             textView.setText(switchOff);

      43.         }

      44.  

      45.         // for second switch button

      46.         switchButton2 = (Switch) findViewById(R.id.switchButton2);

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

      48.  

      49.         switchButton2.setChecked(false);

      50.         switchButton2.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

      51.             @Override

      52.             public void onCheckedChanged(CompoundButton compoundButton, boolean bChecked) {

      53.                 if (bChecked) {

      54.                     textView2.setText(switchOn);

      55.                 } else {

      56.                     textView2.setText(switchOff);

      57.                 }

      58.             }

      59.         });

      60.  

      61.         if (switchButton2.isChecked()) {

      62.             textView2.setText(switchOn);

      63.         } else {

      64.             textView2.setText(switchOff);

      65.         }

      66.     }

      67.  

      68. }


        Sekarang, kita coba running Aplikasinya di Software IDE Android Studio,

        Hasilnya kurang lebih seperti gambar dibawah:

        [table]

        [tr]

        [/tr]

        [tr]

        [/tr]

        [/table]

        [td][img width=163,height=320]https://3.bp.blogspot.com/-9Yxc2jE7eo0/VoqHQj0ua-I/AAAAAAAAEe0/3VBdFSjaWBM/s320/hasil-Widget-SwitchButton-Android.png[/img][/td]
        [td]Hasil Contoh Widget SwitchButton Android

        [/td]

      • You must be logged in to reply to this topic.