Cara Mengganti Warna Background dengan 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=227]https://3.bp.blogspot.com/-8tYQecbOfdQ/WMYIndEtftI/AAAAAAAAGiU/Qv37ECr8QPkEz3hEELr77ayR5NoWEPwrwCLcB/s320/mengubah-mengganti-warna-background-android-studio.png[/img]Karna checkbox hanya menampilkan ,tampilan ceklist atau unchecklist ,maka tipe data primitif yang mewakilinya adalah Boolean. Boolean hanya mengenal nilai atau value true dan false. Penggunaan Checkbox biasanya digunakan ,untuk melengkapi daftar menu atau pilihan , seperti todo list ,aplikasi form ,select file ,app,video ,gambar, dan masih banyak lagi penggunaanya.

    Pada tutorial belajar android kali ini, kita akan mencoba mengubah atau mengganti warna background ,dengan menggunakan Checkbox Android. Disini kita akan membuat 3 Checkbox dan 1 Button , Jadi ketika ,kita memilih salah satu atau lebih CheckBox ,lalu kita mengklik Button,maka Warna Background akan berubah.

    Biar gak penasaran ,mari langsung saja kita buat:

    1. Pertama buat project baru ,atau yang sudah ada di Android Studio.

    2. Pada bagian activity_main.xml . Kalian bisa salin baris instruksi (codingan) berikut.

     activity_main.xml


  •         xmlns:android=”http://schemas.android.com/apk/res/android

  •         android:id=”@+id/activity_main”

  •         android:layout_width=”match_parent”

  •         android:layout_height=”match_parent”

  •         >

  •  

  •  

  •     

  •             android:text=”Merah”

  •             android:layout_width=”wrap_content”

  •             android:layout_height=”wrap_content”

  •             android:layout_alignParentTop=”true”

  •             android:layout_alignParentLeft=”true”

  •             android:layout_alignParentStart=”true”

  •             android:layout_marginLeft=”64dp”

  •             android:layout_marginStart=”64dp”

  •             android:layout_marginTop=”76dp”

  •             android:id=”@+id/checkBox1″/>

  •  

  •     

  •             android:text=”Biru”

  •             android:layout_width=”wrap_content”

  •             android:layout_height=”wrap_content”

  •             android:layout_marginTop=”20dp”

  •             android:id=”@+id/checkBox2″

  •             android:layout_below=”@+id/checkBox1″

  •             android:layout_alignLeft=”@+id/checkBox1″

  •             android:layout_alignStart=”@+id/checkBox1″/>

  •  

  •     

  •             android:text=”Hijau”

  •             android:layout_width=”wrap_content”

  •             android:layout_height=”wrap_content”

  •             android:layout_below=”@+id/checkBox2″

  •             android:layout_alignLeft=”@+id/checkBox2″

  •             android:layout_alignStart=”@+id/checkBox2″

  •             android:layout_marginTop=”30dp”

  •             android:id=”@+id/checkBox3″/>

  •  

  •     

  •             android:text=”PILIH WARNA”

  •             android:layout_width=”wrap_content”

  •             android:layout_height=”wrap_content”

  •             android:layout_below=”@+id/checkBox3″

  •             android:layout_toRightOf=”@+id/checkBox2″

  •             android:layout_toEndOf=”@+id/checkBox2″

  •             android:layout_marginTop=”56dp”

  •             android:id=”@+id/button1″

  •             android:onClick=”pilihWarna”/>



  • 3. Lalu pada bagian MainActivity.java . Kalian bisa salin baris instruksi (codingan) berikut.MainActivity.java 

  • package com.okedroid.contohaplikasi;

  •  

  • import android.graphics.Color;

  • import android.os.Bundle;

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

  • import android.view.View;

  • import android.widget.Button;

  • import android.widget.CheckBox;

  • import android.widget.Toast;

  •  

  • public class MainActivity extends AppCompatActivity {

  •  

  •     CheckBox checkBox1, checkBox2, checkBox3;

  •  

  •     Button button;

  •  

  •     String judul = “Contoh Checkbox”;

  •     String subtitle = “Belajar di Okedroid.com”;

  •     @Override

  •     protected void onCreate(Bundle savedInstanceState) {

  •         super.onCreate(savedInstanceState);

  •  

  •         setContentView(R.layout.activity_main);

  •  

  •         checkBox1 = (CheckBox) findViewById(R.id.checkBox1);

  •         checkBox2 = (CheckBox) findViewById(R.id.checkBox2);

  •         checkBox3 = (CheckBox) findViewById(R.id.checkBox3);

  •  

  •         getSupportActionBar().setTitle(judul);

  •         getSupportActionBar().setSubtitle(subtitle);

  •  

  •  

  •         button = (Button) findViewById(R.id.button1);

  •  

  •         //inisialisasi nilai object checkbox dan button

  •  

  •  

  •     }

  •  

  •     public void pilihWarna(View view) {

  •  

  •         //kondisi if else ketika checkbox di pilih 1 atau lebih dari 1 maka akan mengubah warna background

  •         if (checkBox1.isChecked() == true && checkBox2.isChecked() == true && checkBox3.isChecked() == true) {

  •  

  •             Toast.makeText(this, “Memilih Semua Warna”, Toast.LENGTH_SHORT).show();

  •             getWindow().getDecorView().setBackgroundColor(Color.parseColor(“#ffffff”));

  •         } else if (checkBox2.isChecked() == true && checkBox3.isChecked() == true) {

  •             getWindow().getDecorView().setBackgroundColor(Color.parseColor(“#007E56”));

  •  

  •         } else if (checkBox3.isChecked() == true && checkBox1.isChecked() == true) {

  •             getWindow().getDecorView().setBackgroundColor(Color.parseColor(“#00B500”));

  •         } else if (checkBox2.isChecked() == true && checkBox1.isChecked() == true) {

  •             getWindow().getDecorView().setBackgroundColor(Color.parseColor(“#802456”));

  •  

  •         } else if (checkBox1.isChecked() == true) {

  •  

  •             getWindow().getDecorView().setBackgroundColor(Color.parseColor(“#F44336”));//MERAH

  •  

  •         } else if (checkBox2.isChecked() == true) {

  •  

  •             getWindow().getDecorView().setBackgroundColor(Color.parseColor(“#2196F3”));//BIRU

  •  

  •         } else if (checkBox3.isChecked() == true) {

  •  

  •             getWindow().getDecorView().setBackgroundColor(Color.parseColor(“#4CAF50”));//HIJAU

  •         } else {

  •             Toast.makeText(this, “Anda belum memilih Warna”, Toast.LENGTH_SHORT).show();

  •             getWindow().getDecorView().setBackgroundColor(Color.parseColor(“#7f7f7f”));

  •  

  •         }

  •     }

  • }


    4. Setelah itu ,Jalankan Aplikasinya di Android Studio. Kurang lebih hasil tampilanya ,bisa dilihat di video berikut:

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.