Oke, sedikit tutorial dari ane tentang android sekarang kita akan membuat sebuah form yang berfungsi sebagai form login pada aplikasi yang nanti akan kita bikin. Langsung aja ya...
Tampilan form :
Keterangan :
Form login ini berisikan dua buah "TextView", dua buah "EditText" dan dua buah "Button
". Textview sendiri kalau dianalogikan dengan vb adalah "label", sedangkan EditText adalah TextBox dan Button ya Tombol... wkwkwkw
Pada EditText sendiri tertulis "EndqR" hanya untuk mempermudah ane dalam testing program sehingga ane ga mesti ketik user ama password ane mulu disetiap kali mesti testing aplikasi... cerdas bukan :berbusa
Kode untuk layout :
// Awal dari koding
<?xml version="1.0" encoding="utf-8"?>// Akhir dari koding
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<TextView
android:layout_width="150dp"
android:layout_height="wrap_content"
android:text="USER ID :"
/>
<EditText
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="EndqR"
android:inputType="text"
android:singleLine="true"
android:id="@+id/main_user"
/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<TextView
android:layout_width="150dp"
android:layout_height="wrap_content"
android:text="PASSWORD :"
/>
<EditText
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="EndqR"
android:inputType="text"
android:password="true"
android:singleLine="true"
android:id="@+id/main_pass"
/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<Button
android:layout_width="150dp"
android:layout_height="wrap_content"
android:text="LOGIN"
android:id="@+id/main_login"
/>
<Button
android:layout_width="150dp"
android:layout_height="wrap_content"
android:text="KELUAR"
android:id="@+id/main_keluar"
/>
</LinearLayout>
</LinearLayout>
Note : ada sedikit kelupaan dari tadi ane ga nyebutin nama dari layout nya... :hammer
layout diatas ane simpan dengan nama main.xml
No comments:
Post a Comment