Cara Menerapkan Contoh Widget CheckBox Android

  • Post
    codeorayo
    Keymaster
    none
    CheckBox adalah salah satu widget yang berfungsi sebagai komponen User Interface (Antar Muka), yang berfungsi sebagai daftar menu. Daftar menu yang di sediakan dapat digunakan oleh pengguna,untuk memilih salah satu daftar menu, dengan menceklisnya salah satu dengan ditandai seperti sebuah kotak kecil.

    [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 mencoba menerapkan Widget CheckBox  Android. Disini kita akan membuat contoh daftar bahasa pemrogramman , menggunakan Widget CheckBox. Jadi ketika pengguna memilih salah satu atau lebih bahasa ,lalu memilih tombol Tampil. Maka akan menampilkan sebuah pesan text berupa Toast, dari daftar menu bahasa pemrogramman yang telah di ceklist. Untuk lebih jelasnya mari kita coba buat aplikasinya :

    Quote:

    1. Pertama kita akan membuat widget CheckBox 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.     xmlns:tools=”http://schemas.android.com/tools

    3.     android:layout_width=”match_parent”

    4.     android:layout_height=”match_parent”

    5.     android:orientation=”vertical”

    6.     android:paddingBottom=”@dimen/activity_vertical_margin”

    7.     android:paddingLeft=”@dimen/activity_horizontal_margin”

    8.     android:paddingRight=”@dimen/activity_horizontal_margin”

    9.     android:paddingTop=”@dimen/activity_vertical_margin”

    10.     tools:context=”.MainActivity”>

    11.  

    12.     

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

    14.         android:layout_width=”wrap_content”

    15.         android:layout_height=”wrap_content”

    16.         android:layout_marginBottom=”16dp”

    17.         android:text=”Contoh CheckBox Android”

    18.         android:textSize=”20sp” />

    19.     

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

    21.         android:layout_width=”wrap_content”

    22.         android:layout_height=”wrap_content”

    23.         android:layout_marginBottom=”16dp”

    24.         android:text=”Pilih bahasa pemrogramman :”

    25.         android:textSize=”15sp” />

    26.  

    27.  

    28.     

    29.         android:id=”@+id/cb1″

    30.         android:layout_width=”wrap_content”

    31.         android:layout_height=”wrap_content”

    32.         android:text=”Java”

    33.          />

    34.  

    35.     

    36.         android:id=”@+id/cb2″

    37.         android:layout_width=”wrap_content”

    38.         android:layout_height=”wrap_content”

    39.        

    40.         android:text=”PHP”

    41.         android:checked=”false” />

    42.  

    43.     

    44.         android:id=”@+id/cb3″

    45.         android:layout_width=”wrap_content”

    46.         android:layout_height=”wrap_content”

    47.        

    48.         android:text=”C++”

    49.          />

    50.  

    51.     

    52.         android:id=”@+id/cb4″

    53.         android:layout_width=”wrap_content”

    54.         android:layout_height=”wrap_content”

    55.         android:text=”Actionscript”

    56.         android:checked=”false” />

    57.  

    58.     

    59.         android:id=”@+id/cb5″

    60.         android:layout_width=”wrap_content”

    61.         android:layout_height=”wrap_content”

    62.        

    63.         android:text=”Phyton”

    64.         android:checked=”false” />

    65.  

    66.     

    67.         android:id=”@+id/cb6″

    68.         android:layout_width=”wrap_content”

    69.         android:layout_height=”wrap_content”

    70.         android:text=”Javascript”

    71.         android:checked=”false” />

    72.  

    73.     

    74.         android:layout_width=”wrap_content”

    75.         android:layout_height=”wrap_content”

    76.         android:text=”Tampil”

    77.         android:id=”@+id/btn1″

    78.         android:layout_gravity=”center_horizontal” />

    79.  

    80.     

    81.         android:layout_width=”fill_parent”

    82.         android:layout_height=”fill_parent”

    83.         android:gravity=”center|bottom”

    84.         android:text=”okedroid.com”

    85.         android:textColor=”#2ecc71″

    86.         android:textSize=”29sp” />

    87.  



    88. 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.view.View;

      7. import android.widget.Button;

      8. import android.widget.CheckBox;

      9. import android.widget.Toast;

      10.  

      11. public class MainActivity extends AppCompatActivity implements View.OnClickListener {

      12.     CheckBox cb1, cb2,cb3,cb4,cb5,cb6;

      13.     Button btn1;

      14.     @Override

      15.     protected void onCreate(Bundle savedInstanceState) {

      16.         super.onCreate(savedInstanceState);

      17.         setContentView(R.layout.activity_main);

      18.  

      19.  

      20.         cb1 = (CheckBox)findViewById(R.id.cb1);

      21.         cb2 = (CheckBox)findViewById(R.id.cb2);

      22.         cb3 = (CheckBox)findViewById(R.id.cb3);

      23.         cb4 = (CheckBox)findViewById(R.id.cb4);

      24.         cb5 = (CheckBox)findViewById(R.id.cb5);

      25.         cb6 = (CheckBox)findViewById(R.id.cb6);

      26.  

      27.         btn1 = (Button)findViewById(R.id.btn1);

      28.         btn1.setOnClickListener((android.view.View.OnClickListener) this);

      29.             /*SET*/

      30.     }

      31.     public void onClick(View v){

      32.         String a=””;

      33.         if(cb1.isChecked()){

      34.             a+=”Bahasa Javan”;

      35.  

      36.         }

      37.         if(cb2.isChecked()){

      38.             a+=”Bahasa PHPn”;

      39.  

      40.         }

      41.         if(cb3.isChecked()){

      42.             a+=”Bahasa C++n”;

      43.  

      44.         }

      45.         if(cb4.isChecked()){

      46.             a+=”Bahasa Actionscriptn”;

      47.         }

      48.         if(cb5.isChecked()){

      49.             a+=”Bahasa Phytonn”;

      50.         }

      51.         if(cb6.isChecked()){

      52.             a+=”Bahasa Javascriptn”;

      53.  

      54.  

      55.         }

      56.         Toast.makeText(this, “Kalian memilih :  n “+a,

      57.                 Toast.LENGTH_SHORT).show();

      58.  

      59.  

      60.     }

      61.  

      62.  

      63.     }


        [table]

        [tr]

        [/tr]

        [tr]

        [/tr]

        [/table]

        [td][img width=320,height=193]https://2.bp.blogspot.com/-eBtYOuxwOWw/Voh71ry0D_I/AAAAAAAAEcs/e3L711s7Qks/s320/Cara-Menerapkan-Contoh-Widget-CheckBox-Android%2B.png[/img][/td]
        [td]Preview di Android Studio[/td]

        Setelah itu, kita coba jalankan Aplikasinya di Software IDE Android Studio,

        Hasilnya kurang lebih seperti gambar dibawah:

        [table]

        [tr]

        [/tr]

        [tr]

        [/tr]

        [/table]

        [td][img width=182,height=320]https://4.bp.blogspot.com/-zbceUysUzEw/Voh82L-8u-I/AAAAAAAAEc0/WGwZcXMBt_c/s320/hasil-contoh-checkbox-android.png[/img][/td]
        [td]Hasil CheckBox Android[/td]
      • You must be logged in to reply to this topic.