Penggunaan Button di Android Oleh: Almibi Akmal Hallo sobat JK, kali ini saya berbagi tutorial bagaimana menggunakan button di android. Button merupakan salah satu bagian penting dari android. Ada dua cara supaya button yang kita buat diaplikasi bisa berfungsi dengan baik ketika diklik. 1. Menggunakan atribut "onclick" pada file XML. 2. Menggunakan "... Hallo sobat JK, kali ini saya berbagi tutorial bagaimana menggunakan button di android. Button merupakan salah satu bagian penting dari android. Ada dua cara supaya button yang kita buat diaplikasi bisa berfungsi dengan baik ketika diklik. 1. Menggunakan atribut "onclick" pada file XML. 2. Menggunakan "OnClickListener". Pada tutorial ini kita akan membuat aplikasi android sederhana untuk menginputkan data dengan menerapkan dua cara diatas untuk menghandel button, Ok langsung saja.. Pertama, buat projek android dengan nama UseButton. Kemudian isikan activity_main.xml dengan kode berikut : <LinearLayout 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" android:paddingleft="@dimen/activity_horizontal_margin" android:paddingright="@dimen/activity_horizontal_margin" android:paddingtop="@dimen/activity_vertical_margin" android:orientation="vertical" android:paddingbottom="@dimen/activity_vertical_margin" tools:context=".mainactivity"> <!--Bismillaahirrahmaanirrahiim--> <TextView android:text="@string/kecepatan" android:layout_width="wrap_content" android:layout_alignparenttop="true" android:layout_centerhorizontal="true" android:textsize="15pt" android:textcolor="#fd010101" android:id="@+id/textview" android:gravity="center"
android:layout_gravity="center_horizontal" /> <EditText android:id="@+id/nama" android:layout_below="@+id/textview" android:layout_alignparentleft="true" android:layout_alignparentstart="true" android:hint="nama Lengkap" android:inputtype="text" /> <EditText android:id="@+id/alamat" android:hint="alamat" android:inputtype="text" /> <EditText android:layout_width="match_parent" android:inputtype="textemailaddress" android:ems="10" android:hint="email" android:id="@+id/email" /> <RelativeLayout > <Button android:layout_width="wrap_content" android:text="input 1" android:id="@+id/input" android:onclick="input" /> <Button android:layout_width="wrap_content" android:text="input 2" android:id="@+id/inputlistener" android:layout_gravity="right" android:layout_alignparenttop="true" android:layout_alignparentright="true" android:layout_alignparentend="true" /> </RelativeLayout> <TextView
android:id="@+id/txt_judul" /> <TextView android:id="@+id/txt_nama" /> <TextView android:id="@+id/txt_alamat" /> <TextView android:id="@+id/txt_email" /> </LinearLayout> Buat file MainActivity.java nya seperti berikut : package com.almibi.hp.usebutton; import android.content.intent; import android.support.v7.app.actionbaractivity; import android.os.bundle; import android.view.menu; import android.view.menuitem; import android.view.view; import android.widget.button; import android.widget.edittext; import android.widget.textview; import android.widget.toast; public class MainActivity extends ActionBarActivity { EditText name, address,email; TextView a,b,c, title; Button submit, submitlistener; protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); name = (EditText)findViewById(R.id.nama); address = (EditText)findViewById(R.id.alamat); email = (EditText)findViewById(R.id.email);
a = (TextView)findViewById(R.id.txt_nama); b = (TextView)findViewById(R.id.txt_alamat); c = (TextView)findViewById(R.id.txt_email); title = (TextView)findViewById(R.id.txt_judul); submit = (Button)findViewById(R.id.input); submitlistener = (Button)findViewById(R.id.inputListener); //handel tombol menggunakan setonclicklistener submitlistener.setonclicklistener(new View.OnClickListener() { public void onclick(view view) { Intent pindah = new Intent(MainActivity.this, hasil.class); startactivity(pindah); ); //handel tombol menggunakan onclick public void input(view view){ String s = name.gettext().tostring(); String t = address.gettext().tostring(); String u = email.gettext().tostring(); title.settext("data Yang di input :"); a.settext("nama : "+s); b.settext("alamat : "+t); c.settext("email : "+u); public boolean oncreateoptionsmenu(menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getmenuinflater().inflate(r.menu.menu_main, menu); return true; public boolean onoptionsitemselected(menuitem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getitemid(); //noinspection SimplifiableIfStatement if (id == R.id.action_settings) { return true;
return super.onoptionsitemselected(item); Dari desain aplikasi diatas ada 2 tombol, yaitu tombol "Input 1" dan "Input 2". Tombol "Input 1" menggunakan atribut onclick dari file xml sedangkan "Input 2" menggunakan OnClickListener. Kemudian buat satu activity lagi dengan nama "hasil", untuk lebih jelas bisa lihat gambar dibawah ini. Berikut ini adalah isi dari activity yang baru kita buat : activity_hasil.xml <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" android:paddingleft="@dimen/activity_horizontal_margin" android:paddingright="@dimen/activity_horizontal_margin" android:paddingtop="@dimen/activity_vertical_margin" android:paddingbottom="@dimen/activity_vertical_margin" tools:context="com.almibi.hp.usebutton.hasil"> <TextView android:text="@string/ucapan" android:textsize="15pt" /> </RelativeLayout>
hasil.java package com.almibi.hp.usebutton; import android.support.v7.app.actionbaractivity; import android.os.bundle; import android.view.menu; import android.view.menuitem; public class hasil extends ActionBarActivity { protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_hasil); public boolean oncreateoptionsmenu(menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getmenuinflater().inflate(r.menu.menu_hasil, menu); return true; public boolean onoptionsitemselected(menuitem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getitemid(); //noinspection SimplifiableIfStatement if (id == R.id.action_settings) { return true; return super.onoptionsitemselected(item); Berikut ini adalah strings.xml, terletak di res/value/strings.xml <resources>
<string name="app_name">usebutton</string> <string name="kecepatan">input Data</string> <string name="action_settings">settings</string> <string name="title_activity_hasil">hasil</string> <string name="hello_world">hello world!</string> <string name="ucapan">data barhasil disubmit</string> </resources> Output :
Sekian tutorial dari saya, kalau ada yang kurang jelas silahkan coret-coret dibawah. :D Mohon maaf atas segala kekurangan, terimakasih sudah membaca tutorial ini (y) Tentang Penulis Almibi Akmal