RSS

Menggunakan EditText

03 Apr

Ok, sekarang kita akan belajar cara menangkap input dari user berupa tulisan. Dalam Android, widget yang digunakan untuk menangkap input user adalah EditText.

Dalam tutorial ini, saya akan sekalian menjelaskan tentang Toast, yaitu semacam dialog berisi tulisan yang muncul sesaat di sisi bawah layar. Biasanya Toast ini digunakan untuk menunjukkan pesan error ataupun konfirmasi saat selesai melakukan sesuatu.

Ok, pertama-tama, kita buat layout sederhana yang memiliki sebuat EditText dan sebuah button

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"
    >
	<EditText
		android:id="@+id/inputUser" 
	    android:layout_width="fill_parent" 
	    android:layout_height="wrap_content" 
	    android:inputType="textCapSentences"
	    android:hint="Masukkan tulisan apapun disini"
	    />
	<Button
		android:id="@+id/buttonOk" 
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content" 
	    android:text="OK"
	    />
</LinearLayout>

Ok, gw jelasin dikit xml diatas, jadi di dalam tag <EditText>, ada field ‘android:inputType’, ini bisa dibilang seperti jenis dari input yang dimasukkan user. Hal ini akan mempengaruhi tampilan keyboard yang akan keluar, apakah dia akan auto-capitalized, atau keluar berupa number, dsb.
Kemudian ‘android:hint’ adalah tulisan yang akan keluar di dalam EditText saat kosong atau kita belum mengetikkan apa-apa di dalamnya.

Lanjut, kita buat main Activity nya sekarang.

main.java

package com.belajar.edittext;

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

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 EditText input = (EditText)findViewById(R.id.inputUser);
        final Button ok = (Button)findViewById(R.id.buttonOk);

        ok.setOnClickListener(new View.OnClickListener() {

			public void onClick(View v) {
				// TODO Auto-generated method stub
				String text = input.getText().toString();
				Toast.makeText(main.this, text, Toast.LENGTH_LONG).show();
			}
		});
    }
}

Sep finish, jadi kita liat di coding atas, saat button di klik (baris ke-24), kita menampung apa yang tertulis pada EditText ke variable text. Lalu kita tampilkan pada Toast.
Mudah kan?? ^^ ini screenshot aplikasinya:

Sippp, sekian dulu, semoga berguna buat semua..

 
4 Comments

Posted by on April 3, 2011 in Tutorial Beginner

 

Tags: ,

4 responses to “Menggunakan EditText

  1. greeaone

    June 22, 2011 at 1:43 pm

    Kalo mau nampilin di activity lain gmn ?

     
  2. bagjagumelar

    January 6, 2012 at 2:00 pm

    tutornya keren!
    Thanx banget. nice tips!

     
  3. anggiiyoo

    March 1, 2012 at 12:36 pm

    mau nanya .. klo kita input dengan menggunakan enter (pindah baris lain) , tapi pas di open / mw di edit tulisannya jadi 1 baris ,, itu gmn ya? mohon bantuanya ..

     

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: