Cara Mengubah Warna Button Ketika di Klik/Tekan pada Aplikasi Android

Tutorial Cara Merubah Warna button android ketika di klik

Halo semuanya. Bagaimana kabar kalian hari ini? saya harap kalian semua selalu dalam keadaan baik-baik saja. Pada kesempatan kali ini saya akan membagikan tutorial tentang bagaimana cara mengubah warna ketika tombol (button) di klik/tekan pada aplikasi Android.

Button adalah komponen yang tidak mungkin tidak ditambahkan pada aplikasi android. Bagaimana cara menjalankan suatu program apa bila tidak ada akses untuk melakukan aksi pada aplikasi tersebut. Tidak hanya sampai disitu, apabila Button tidak memiliki suatu informasi, maka button tersebut seakan-akan tidak berguna.

Untuk itu, pada tutorial yang sederhana ini saya akan membagikan tutorial cara membuat button berubah warna ketika di klik/tekan untuk menampilkan informasi bahwa button tersebut telah di gunakan.

- Advertisement -

Cara Membuat Button Berubah Warna Ketika diklik pada Aplikasi Android

Buatlah projek android studio baru dengan informasi sebagai berikut:

Application Name:Button App
Company Name:androidrion.com
Package Name:com.androdrion.buttonapp
Language:Java
Minimum SDK:API 15: Android 4.0.3 (IceCreamSandwich)

Daftar file xml layout yang digunakan dalam projek ini:

  • activity_main.xml

Daftar file xml drawable yang digunakan dalam projek ini:

  • button_bg.xml

Berikut adalah tutorial langkah-langkah dalam pembuatan aplikasi Button App.

Colors File

Buka file colors.xml dalam folder values lalu tambahkan warna kustom yang akan kalian gunakan sebagai warna default button dan warna ketika button di klik. Berikut ini adalah kode warna kustom yang saya gunakan untuk file colors.xml

app/res/values/colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#008577</color>
    <color name="colorPrimaryDark">#00574B</color>
    <color name="colorAccent">#D81B60</color>

    //Custom color button
    <color name="buttonDefault">#073042</color>
    <color name="buttonClicked">#3FDA84</color>
    <color name="buttonFocused">#3FDA84</color>
</resources>

Drawable File

Buatlah file drawable baru dengan cara klik kanan pada folder drawable lalu pilih New>Drawable Resource File. Beri nama file dengan nama button_bg. Tambahkan kode di bawah ini untuk file button_bg.xml

app/res/drawable/button_bg.xml

[sociallocker id=”1410″]

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@color/buttonClicked" android:state_pressed="true" />
    <item android:drawable="@color/buttonFocused" android:state_focused="true" />
    <item android:drawable="@color/buttonDefault" />
</selector>

[/sociallocker]

XML Layout File

Buka file activity_main.xml dalam folder layout lalu tambahkan widget button di dalam RelativeLayout. Pada widget button, tambahkan atribut background lalu gunakan file xml drawable button_bg.xml yang kita buat. Tambahkan juga atribut textColor berwarna putih agar text yang ada pada button terlihat. Berikut ini adalah kode lengkap untuk file activity_main.xml

app/res/layout/activity_main.xml

<?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">

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_margin="16dp"
        android:background="@drawable/button_bg"
        android:text="Android Rion"
        android:textColor="@android:color/white" />

</RelativeLayout>

Run ‘app’

Sekarang jalankan projek android studio kalian. Pada tampilan awal aplikasi, kalian bisa melihat tombol (button) yang berada di tengah-tengah aplikasi berwarna biru gelap. Apabila kalian menekan widget tombol tersebut, maka warna pada tombol tersebut akan berubah menjadi warna hijau muda. Jika kode di atas tidak terjadi masalah, maka aplikasi akan terlihat seperti pada gambar di bawah ini.

AKHIR KATA

Itulah tadi tutorial singkat dan mudah cara membuat button berubah warna ketika di klik pada aplikasi android. Tutorial di atas sangatlah mudah untuk dikerjakan karena tidak ada file java yang harus dikerjakan.

Jika kalian mengalami kesulitan dalam tutorial ini, silahkan beri komentar pada artikel ini. Jangan lupa untuk like dan subscribe Channel YouTube Android Rion. Semoga artikel ini membantu kalian. Terima kasih.

Download Project

Untuk download project pada tutorial ini, silahkan klik tombol dibawah ini.

[sociallocker id=”1406″]

[/sociallocker]

- Advertisement -

Get real time updates directly on you device, subscribe now.

You might also like

- Advertisement -

Leave A Reply

Your email address will not be published.