Tutorial Membuat Tombol Click Atau Click Button ON/OFF Lampu Menggunakan Onclick Listener Pada Android Studio Java

Update Terakhir pada

Halo sahabat webhozz, bagaimana kabar kalian ? semoga saja tetap semangat untuk terus belajar ya :D.
Ya jika kalau pada tutorial sebelumnya kita belajar mengenai cara membuat Tombol click, mengunakan onclick listener, kali ini levelnya akan kita naikin dikit guys… yaitu kali ini kita akan membuat tombol On-off lampu menggunakan onclick listener, dasar-dasar menggunakan android studio. Ok dengan begitu kita bisa lanjut.

1 File layout activty_main.xml

Pertama kita harus membuat file layout untuk tampilan, pada tampilan kita akan memunculkan 2 hal yaitu gambar untuk lampu menggunakan Image View dan tombol untuk ON/OFF lamput menggunakan Button, source code-nya seperti di bawah ini

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#000000"
tools:context=".MainActivity">

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:srcCompat="@drawable/trans_on"
android:scaleType="centerInside"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"
android:id="@+id/imageView" />

<Button
android:text="ON / OFF"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="34dp"
android:id="@+id/button" />

</RelativeLayout>

2. File Main_Activity.java

Berikut adalah source code untuk logika yang ada pada file activity

package com.onclick.id.belajaronclick;

import android.graphics.drawable.TransitionDrawable;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {

    ImageView imageview;
Button button;
Boolean turnOn=false;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);


imageview=(ImageView)findViewById(R.id.imageView);
button=(Button)findViewById(R.id.button);

button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if(!turnOn){
imageview.setImageResource(R.drawable.trans_on);
((TransitionDrawable)imageview.getDrawable()).startTransition(10000);
turnOn=true;
}else {
imageview.setImageResource(R.drawable.trans_off);
((TransitionDrawable)imageview.getDrawable()).startTransition(10000);
turnOn=false;
}

            }
        });
}


}

3. Hasil Dari Coding Di Atas