RSS

Memberi Action pada Button Android

31 Mar

Tutorial coding java pertama, skarang gw bakal kasi tutorial ttg kasi Action (Listener) ke sebuah button pada coding Android.

Di tutorial ini kita akan membuat tampilan berupa TextView dan Button yang jika Buttonnya di klik, maka tulisan pada TextView akan berubah.

Ok langsung aja lah, pertama-tama kita buat layout standar aja yang isinya TextView dan 2 buah  Button.

isi main.xml:


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
	<TextView
		android:id="@+id/txtChange"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:textColor="#AA0000"
	    android:textSize="16dip"
	    android:text="I am red"
	    />
	<Button
		android:id="@+id/btnRed"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:text="Change to Red"/>
	<Button
		android:id="@+id/btnBlue"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:text="Change to Blue"/>
</LinearLayout>

Setelah itu, kita lakukan coding di main activity sebagai berikut:

isi main.java:

package com.belajar.button;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

public class main extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        final TextView txtChange = (TextView)findViewById(R.id.txtChange);
        Button btnRed = (Button)findViewById(R.id.btnRed);
        Button btnBlue = (Button)findViewById(R.id.btnBlue);

        btnRed.setOnClickListener(new View.OnClickListener() {

			public void onClick(View v) {
				// TODO Auto-generated method stub
				txtChange.setTextColor(Color.parseColor("#AA0000"));
				txtChange.setText("I am red");
			}
		});

        btnBlue.setOnClickListener(new View.OnClickListener() {

			public void onClick(View v) {
				// TODO Auto-generated method stub
				txtChange.setTextColor(Color.parseColor("#0000AA"));
				txtChange.setText("I am blue");
			}
		});
    }
}

Penjelasan coding:

Pada baris ke 13, kita membuat fungsi onCreate yaitu fungsi yang akan dijalankan pada saat Activity di create. kemudian kita melakukan fungsi setContentView(layout) yang berarti kita “memasang” layout main.xml dalam folder res/layout sebagai tampilan utama Activity ini.

Kemudian pada baris 17-19, kita melakukan inisialisasi TextView dan Button yang akan kita gunakan dalam program. Dengan fungsi findViewById(id) seperti di atas, kita “menghubungkan” antar variabel yang kita buat dengan View yang telah kita buat di xml dan kita deklarasikan dalam android:id=”@+id/…..”.

Setelah kita melakukan inisialisasi variabel, kita memberikan Listener kepada Button untuk menangkap event pada saat Button di klik dengan sintax ‘setOnClickListener’,

Kemudian kita membuat View.OnClickListener untuk membaca klik atau touch yang dilakukan user pada Button kita. dan kita memasukkan fungsi yang akan dijalankan di dalam function onClick. Lalu di dalam onClick, dalam hal ini, saya akan mengubah warna tulisan TextView dan juga tulisan di dalamnya..

Hasil setelah program dijalankan adalah sebagai berikut:

Saat kita menekan tombol “Change to Red”, maka tulisan akan berubah warna menjadi merah, dan jika kita menekan tombol satunya, tulisan akan berubah menjadi warna biru..

Sekian, semoga berguna,
nantikan Tutorial-tutorial selanjutnya.. ^^

 
2 Comments

Posted by on March 31, 2011 in Tutorial Beginner

 

Tags: ,

2 responses to “Memberi Action pada Button Android

  1. rizki

    July 18, 2012 at 11:07 am

    klo memberikan warna pada textview yang sudah kita buat tanpa menggunakan button bagaimana mas, mohon pencerahannya

     
    • Daniel Hace

      October 28, 2012 at 9:29 am

      Hi Rizki,
      Kalau mau memberi warna misalnya background di view, bisa di code di xml nya, misal

      <TextView
              android:id="@+id/txtChange"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:background="#666666"
              android:textColor="#AA0000"
              android:textSize="16dip"
              android:text="I am red"
              />
      

      jadi langsung aja diganti di android:background atau android:textColor. kalo di contoh itu pakai button soalnya saya mau kasih contoh kalau kita mau ganti secara dinamis, kalau hanya statis 1 warna saja menggunakan xml saja cukup.

      Thanks

       

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: