Coding Sederhana: TextView, EditText dan Button Pada Android

Nama dan Alamat dimasukkan ke dalam EditText, kemudian ditekan button, maka akan ditampilkan dengan menggunakan TextView.

Buat project baru dengan mengikuti langkah-langkah berikut :

Buka Eclipse
Pada Eclipse File - New - Project - Android - Android Project - Next
Kemudian pada jendela New Android Project isikan field berikut :

Project Name : Hello World
Build Target : Android 2.2
Aplication name : Helo World
Package Name : jhohannespurba.blogspot.com
Create Activity : MainActivity
Kemudian klik Finish

Buka main.xml (res - Layout - main.xml)
Copy Source code berikut, lalu paste pada tab 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" 
 android:background="#FFF">

 <TextView 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:text="HELLO"
  android:layout_gravity="center"
  android:textSize="40px" 
  android:textColor="#F34"></TextView>
 
 <TextView 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:text="Masukkan Nama :"></TextView>
 
 <EditText  
  android:background="#F43" 
  android:layout_width="fill_parent" 
  android:width="100px" 
  android:layout_height="wrap_content" 
  android:id="@+id/textInputNama"></EditText>
 
 <TextView 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:text="Masukkan Alamat :"></TextView>
 
 <EditText  
  android:background="#F43" 
  android:layout_width="fill_parent" 
  android:width="100px" 
  android:layout_height="wrap_content" 
  android:id="@+id/textInputAlamat"></EditText>


 <TextView 
  android:id="@+id/viewTampil" 
  android:layout_width="fill_parent" 
  android:layout_height="wrap_content"
  android:textColor="#000"
  android:text="test"></TextView>
 
 <Button 
  android:text="OK" 
  android:id="@+id/buttonOK" 
  android:layout_width="fill_parent" 
  android:layout_height="wrap_content"></Button>

</LinearLayout>

Kemudian buka MainActivity.java, Lalu ketikkan source code berikut :

package jhohannespurba.blogspot.com;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class mainActivity extends Activity {
 TextView tampil;
 EditText nama;
 EditText alamat;
 Button ok;

 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);

  tampil = (TextView) findViewById(R.id.viewTampil);
  nama = (EditText) findViewById(R.id.textInputNama);
  alamat = (EditText) findViewById(R.id.textInputAlamat);
  ok = (Button) findViewById(R.id.buttonOK);

  ok.setOnClickListener(new OnClickListener() {

   @Override
   public void onClick(View arg0) {
    tampil.setText("Nama : " + nama.getText() + "\nAlamat :"
      + alamat.getText());
   }
  });
 }
}

Kemudian Jalankan dan Akan ditampilkan hasilnya seperti pada gambar berikut ini. Q2MUA3U9RC48

10 comments:

JurigsapedahJuly 23, 2012 at 2:38 PM
gan kalo mau bikin sugges yang muncul otomatis kayak google gimanacaranya ya di eclipse?
UnknownJuly 24, 2012 at 7:54 AM
CTRL + Spasi

ketikkan misalnya "butt ", maka akan muncul otomatis gan...
adeAugust 8, 2012 at 4:21 AM
tambah lagi tutorialnya dong gan...
UnknownNovember 4, 2014 at 3:00 AM
kak, gimana yaa caranya kalo mau buat satu button yang fungsinya buat bikin edit text nya ga enable (ga bisa d klik untuk diedit atau diiputin apapun) ? mohon pencerahannya kak . . .
Mobile App DevelopersOctober 9, 2015 at 3:05 AM
Hey keep posting such good and meaningful articles.
UnknownApril 12, 2016 at 1:54 AM
gimana caranya ketika kita sudah mengetikkan kalimat didalam kotak edit text, setelah di klik button. kotak edit text nya kembali kosong gan?
GST Registration in DelhiDecember 22, 2016 at 10:42 AM
Great article, Thanks for your great information, the content is quiet interesting. I will be waiting for your next post.
Bausch & Lomb PureVisionJune 21, 2017 at 11:58 PM
What you're saying is completely true. I know that everybody must say the same thing, but I just think that you put it in a way that everyone can understand. I'm sure you'll reach so many people with what you've got to say.
Digital MindAugust 31, 2018 at 2:48 AM
I really appreciate the kind of topics you post here. Thanks for sharing us a great information that is actually helpful. Good day! Mobile Price In Pakistan

Pages

TextView, EditText dan Button Pada Android

10 comments: