Membuat Text Fields dan Tombol di Android Studio

Assalamu'alaikum,

Kalo sebelumnya kita membuat text "Hello World!" yang sebenarnya tidak harus ngotak-ngatik codingnya, kali ini saya akan mencoba untuk membuat kolom isian atau TextFields (EditText) dan Tombol (Button).

1. Buat project baru, penamaan "terserah saja"
2. Jika sudah, kita akan masuk ke layoutnya untuk membuat desainnya (file berformat .xml), lalu pilih "Text" samping "Desain"





3. Buatlah seperti di bawah



<TextView
        android:id="@+id/teks"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textAlignment="center"
        android:text="Form Input" />

    <EditText
        android:id="@+id/kolom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/teks"
        android:hint="Input Nama Anda"/>

    <Button
        android:id="@+id/tombol"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/kolom"
        android:layout_alignParentRight="true"
        android:layout_marginTop="20px"
        android:backgroundTint="#fb9443"
        android:textColorHint="#ffffff"
        android:hint="Submit"/>



Keterangan :
<TextView .../> Untuk Text / Tulisan
<EditText .../> Untuk TextFields / Kolom isian
<Buttton ../> Untuk Tombolnya


Pemberian "id" bertujuan untuk memberikan inisial pada setiap item.
Sebagai contoh pada layout_below merupakan penenteuan posisi dimana item tersebut diposisikan, dari contoh diatas pada item <EditText .../> diposisikan dibawah <TextView .../> dengan id "teks".

Dan Hasilnya adalah :

Untuk SourceCode nya bisa diunduh disini

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari Membuat Text Fields dan Tombol di Android Studio. Berlangganan melalui email sekarang juga:

Click Here