EditText, TextView, Button dan Toast pada Android

Untuk develop aplikasi pada android terdapat beberapa tools yang dapat di gunakan seperti eclipse atau netbeans untuk GUI dan SDK android tentunya. Tutorial di bawah ini menggunakan NetBeans IDE versi 7.2

Untuk memulai tambahkan project baru dengan spesifikasi seperti pada gambar berikut ini:

click finish untuk memulai project.

Pada Netbeans IDE akan terlihat beberapa file yang mungkin kegunaannya sudah dapat di pelajari sebelumnya. Untuk pertama kali maka aplikasi akan bertanda  merah, itu karena ada file yang belum di generate seperti file R.java, file ini akan di generate secara otomatis pada saat build (Compile).

Tambahkan EditText, TextView dan Button pada main.xml sehingga tampak sebagai berikut ini:


<?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/tvSatu"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="Hello World, MainActivity"
    />
<EditText
    android:id="@+id/etSatu"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
/>
<Button
    android:id="@+id/btnSatu"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="Click Here..."
/>
</LinearLayout>


dan pada MainActivity.java ubah hingga menjadi sebagai berikut :

package com.scriptcode.android;

import android.app.Activity;
import android.os.Bundle;

import android.view.View;
import android.view.View.OnClickListener;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Button;
import android.widget.Toast;

public class MainActivity extends Activity
{
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        // Declarasi variable
        final EditText et= (EditText) findViewById(R.id.etSatu);
        final TextView tv = (TextView) findViewById(R.id.tvSatu);
        final Button btn = (Button) findViewById(R.id.btnSatu);
        
        et.setHint("Insert Comment Here..");
        btn.setOnClickListener(new View.OnClickListener() {

            public void onClick(View v) {
                String str = (String) et.getText().toString();
                tv.setText("Your Command is : " + str);
                str = tv.getText().toString();
                // Penggunaan TOAST
                Toast.makeText(getBaseContext(),str,Toast.LENGTH_LONG).show();
            }
        });
    }
}

setelah itu build project dan run aplikasinya maka akan keluar tampilan sebagai berikut ini:


Selamat mencoba.....

4 comments:

  1. ini script java untuk membuat aplikasi pada android yang nantinya akan di compile jadi bahasa pemgrogramman tingkat rendah (yang hanya di mengerti oleh device )

    aplikasi ini menggunakan EditText untuk meminta input dari user, kemudian Textview dan Toast untuk menampilkan hasil input tersebut. hal ini terjadi pada saat penekanan tombol.

    Semoga membantu.

    ReplyDelete
  2. Replies
    1. Dari eclipse pilih menu Window > Android SDK Manager ..

      Delete