Tutorial Aplikasi Android Sederhana dengan Action Button Deskripsi Aplikasi : Dapat menerima masukan dari pengguna berupa string. Lalu masukan tersebut dapat ditampilkan dengan menekan button. Terdapat info juga yang akan muncul jika button lainnya ditekan. Langkah-Langkah : 1. Buat Project Baru Karena yang akan dibuat merupakan aplikasi android, maka pilih Android Application Project. Lalu isi nama project dan detail spesifikasinya sesuai kebutuhan. 2. Akan muncul tab activity_(nama_aplikasi).xml dan (nama_aplikasi).java Defaultnya adalah activity_main.xml dan MainActivity.java Desain terlebih dahulu pada graphical layout di activity_(nama_aplikasi).xml, bisa dengan cara drag&drop atau dengan implementasi koding pada.xml-nya
3. Buat kolom EditText terlebih dahulu untuk membuat inputan dari user. Agar dapat menampilkan petunjuk apa yang harus dilakukan pada kolom tersebut, beri perintah android:hint= Untuk setiap atribut, jangan lupa cantumkan IDnya sebagai identitas atau berguna sebagai pemanggilan di format.java dana strings.xml. Contohnya android:id="@+id/showtext". Lalu untuk penempatan posisi bisa atur lebar dan tinggi. Bisa menggunakan kata-kata yang sudah include dalam library atau dengan angka. Contohnya android:layout_width="219dp" dan 4. Buat TextViewnya. Disini digunakan untuk menampilkan inputan dari user.
Dan TextView selanjutnya adalah untuk menampilkan info dan akan muncul ketika ditekan. Disini menggunakan visibility, beri perintah android:visibility= invicible. Untuk selebihnya sama seperti yang lain, yaitu pemberian ID, pengaturan posisi. 5. Buat Buttonnya. Karena pada salah satu fungsi TextView adalah untuk menampilkan teks yang tidak terlihat, maka harus diberi tautan yang gunanya nanti untuk mempermudah pada saat koding di format.java. Beri perintah android:onclick = nama_method Untuk selebihnya sama seperti yang lain, yaitu pemberian ID, pengaturan posisi. 6. Jika desain pada format.xml selesai, maka melanjutkan untuk membuat action pada.java Lakukan inisialisasi terlebih dahulu terhadap atribut apa sajakah yang digunakan. EditText EditText; TextView ShowText; TextView ShowInfo1; TextView ShowInfo2; Button ClickButton; Button ClickButton2; Untuk mengaktifkan aksi tombol button, pasang listenernya terlebih dahulu. this.clickbutton.setonclicklistener(clickbuttonlistner); Untuk menggunakan fungsi aksi button pada TextView yang diatur visibilitynya, buat method baru yang hanya dikhususkan untuk menampilkan TextView tersebut. Nama method sesuai dengan perintah android:onclick = nama_method yang terdapat pada fungsi Button yang terkait pada.xml public void clickinfo (View view){ TextView textview = (TextView) findviewbyid(r.id.showinfo1); TextView textview2 = (TextView) findviewbyid(r.id.showinfo2); textview.setvisibility(view.visible); textview2.setvisibility(view.visible); 7. Setalah itu mulai merapikan susunan tampilan pada strings.xml. Pathnya adalah /res/values/strings.xml Susunan harus urut dari atas kebawah agar nantinya tampilan yang telah dibuat tidak berantakan.
Tampilan pada main_activity.xlm setelah strings.xml diatur juga akan berubah.
8. Save project dan jalankan program dengan AVD atau dengan GenyMotion agar lebih cepat. Source Code activity_show_name.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:paddingbottom="@dimen/activity_vertical_margin" android:paddingleft="@dimen/activity_horizontal_margin" android:paddingright="@dimen/activity_horizontal_margin" android:paddingtop="@dimen/activity_vertical_margin" tools:context=".showname" > <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <TextView android:layout_width="wrap_content" android:text="@string/hello_world" /> <EditText android:id="@+id/edittext" android:layout_width="fill_parent" android:ems="10" android:hint="masukkan Nama Kamu" /> <requestfocus /> <Button android:id="@+id/clickbutton" android:layout_width="wrap_content"
android:text="@string/button1" android:layout_gravity="center_horizontal"/> <TextView android:id="@+id/showtext" android:layout_width="219dp" android:text="@string/inputan" android:layout_alignparentleft="true"/> <Button android:id="@+id/clickbutton2" android:layout_width="wrap_content" android:text="@string/button2" android:layout_gravity="center_horizontal" android:onclick="clickinfo"/> <TextView android:id="@+id/showinfo1" android:layout_width="fill_parent" android:text="@string/info1" android:visibility="invisible"/> <TextView android:id="@+id/showinfo2" android:layout_width="fill_parent" android:text="@string/info2" android:visibility="invisible"/> </LinearLayout> </RelativeLayout> ShowName.java package com.example.showname; import android.os.bundle; import android.app.activity; import android.view.view; import android.view.view.onclicklistener; import android.widget.button; import android.widget.edittext; import android.widget.textview; public class ShowName extends Activity { EditText EditText; TextView ShowText; TextView ShowInfo1; TextView ShowInfo2; Button ClickButton; Button ClickButton2; @Override protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_show_name);
this.edittext = (EditText) findviewbyid(r.id.edittext); this.clickbutton = (Button) findviewbyid(r.id.clickbutton); this.showtext = (TextView) findviewbyid(r.id.showtext); this.clickbutton.setonclicklistener(clickbuttonlistner); public void clickinfo (View view){ TextView textview = (TextView) findviewbyid(r.id.showinfo1); TextView textview2 = (TextView) findviewbyid(r.id.showinfo2); textview.setvisibility(view.visible); textview2.setvisibility(view.visible); OnClickListener clickbuttonlistner = new OnClickListener() { @Override public void onclick(view v) { //Toast.makeText(getApplicationContext(),textEditText.getEditableText ().tostring(), Toast.LENGTH_SHORT).show(); ShowText.setText(EditText.getEditableText().toString()); ; strings.xml <?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">showname</string><string name="hello_world">show and Tell the World Who You Are</string> <string name="action_settings">settings</string> <string name="inputan">inputan Nama Kamu Akan Muncul Setelah di- KLik</string> <string name="button1">click Here</string> <string name="button2">click Info</string> <string name="info1">nama Saya: </string> <string name="info2">nim Saya: </string> </resources> ScreenShot Aplikasi:
Link Blog : blog.ub.ac.id/megatricita