Membuat EditText, TextView, dan Button pada Android

Hallo sobat blogger, bagi para pencinta pemrograman android, di sini saya ingin berbagi sedikit mengenai pembuatan EditText, TextView dan Button pada pemrograman android dengan menggunakan file XML. Pada pemrograman android, pengaturan layout dasar  sering dilakukan melalui file XML (Extended Markup Language) yang nantinya akan diakses/dipanggil melalui class java sebagai file utama pemrograman aplikasi yang dibuat.

Oke, tanpa panjang lebar ayo kita buat programnya #aku sudah siap..aku sudah siap..aku sudah siap

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:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:id="@+id/txtInput"
    android:layout_gravity="center_horizontal"
    />

<Button
    android:layout_width="150px"
    android:layout_height="wrap_content"
    android:id="@+id/btnInput"
    android:layout_gravity="center_horizontal"
    android:text="Tampilkan"
    />

<TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:id="@+id/txtHasil"
    android:gravity="center_horizontal"
    android:typeface="sans"    

   />

<TextView
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center_horizontal"
    android:typeface="sans"
    />
    
</LinearLayout> 

MainActivity.java 

package com.apandi.input;

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 implements OnClickListener{
   
    EditText inputUser;
    Button tombolInput;
    TextView tampilanHasil;
   
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
       
        inputUser = (EditText)findViewById(R.id.txtInput);
        tombolInput = (Button)findViewById(R.id.btnInput);
        tampilanHasil = (TextView)findViewById(R.id.txtHasil);
       
        tombolInput.setOnClickListener(this);
       
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.btnInput:
            tampilanHasil.setText("Anda meng-inputkan : "+inputUser.getText().toString());
            break;

        default:
            break;
        }
    }
}

Penjelasan

Hal pertama yang harus dilakukan adalah membuat project baru, kita tentukan Minimum SDK yang akan digunakan, dalam hal ini saya menggunakan Minimum SDK Android1.6. Jika sudah membuat project baru maka akan tercipta 4 file default yaitu class Activity utama di folder src, main.xml di folder rex/layout, file string.xml pada folder res/value dan file AndroidManifest.xml yang menyimpan seluruh informasi penting dari aplikasi yang dibuat mulai dari nama class hingga component yang digunakan seperti broadcast receiver dan lain-lain.

Pada mainActivity biasanya sistem akan langsung akan menuliskan script dasar. Linear layout adalah salah satu bentuk layout pada android. Dengan menggunakan dasar layout ini maka dasar aplikasi akan bersifat statis/fixed sehingga tidak bisa digerakkan /scroll.

Komponen TextView sendiri merupakan komponen yang akan ditampilkan adalah string dengan nama:hello pada file strings.xml. untuk program ini kita akan menghilangkan text tersebut dan mengosongkan karena kita akan menampilkan  TextView berdasarkan inputan dari user. Kemudian rubah strukturnya.

Untuk menerima inputan, maka yang digunakan adalah EditText. Sebenarnya ada cara lain namun untuk dasar kita akan menggunakan EditText. Karena penempatan layout pada XML sifatnya tersusun dari atas ke bawah, maka letakkan EditText di atas TextView. Selanjutnya kita masukkan komponen Button.

Setelah selesai melakukan editing pada file XML, selanjutnya kita berpindah ke file java yaitu MainActivity.java secara default file ini akan berisi script yang sudah ditetapkan. Script main pada setContentView() yang bermaksud bahwa class MainActivity.java akan menggunakan main.xml pada res/layout sebagai layout dasar untuk class tersebut.

Kemudian untuk bisa mengakses komponen di file XML, kita terlebih dahulu mendeklarasikan komponen. Selanjutnya inisialisasi object tersebut didalam public void onCreate()

Kemudian karena kita akan menggunakan tombol/komponen Button maka kita harus mengimplementasi class OnClickListener. Langkah selanjutnya kita perlu untuk mengimplementasi Button yang kita buat agar Button tersebut menerima aksi ketika ditekan.  Setelah diimplementasikan. Berikutnya kita akan membuat sebuah method untuk menangani aksi ketika Button di klik.

Output