Mnggunakan Relative Layout

Mnggunakan Relative Layout

1.      Relative Layout merupakan solusi untuk menata komponen pada activity lebih dari satu buah komponen. Tampilan dari Relative layout pada satu baris kita dapat menempatkan lebih dari satu komponen seperti terlihat pada gambar dibawah ini.

2.      Pada contoh kali ini kita membuat sebuah form registrasi nama depan dan nama belakang dengan desain terlihat seperti gambar dibawah ini.

3.      Adapun skript untuk gambar diatas adalah sebagai berikut:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:paddingLeft="16dp"     android:paddingRight="16dp"        tools:context="com.example.relativelayout.MainActivity" >     <EditText         android:id="@+id/firtsname"         android:layout_width="0dp"         android:layout_height="wrap_content"         android:layout_alignParentLeft="true"         android:hint="First Name"         android:layout_toLeftOf="@+id/lastname"         />         <EditText         android:id="@+id/lastname"         android:layout_width="150dp"         android:layout_height="wrap_content"         android:layout_alignParentRight="true"         android:hint="last Name"/>     <Button         android:id="@+id/daftar"         android:layout_width="100dp"         android:layout_height="wrap_content"         android:layout_below="@+id/lastname"         android:layout_alignParentRight="true"         android:text="Daftar"         />     </RelativeLayout>

4.      Penjelasan Attribute pada XML diatas

Attribute	Keterangan
Android:id	Memberikan penamaan pada komponen
Android:width	Mengatur lebar
Android:height	Mengatur Tinggi
Wrap_content	Menyesuaikan tinggi tidak full.
Layout_parentRight	Mengatur posisi komponen ke kanan
Layot_below	Menempatkan posisi komponen dibawah komponen lain
Android:hint	Memberi text hint pada komponen Edit text
PaddingLeft	Mengatur jarak komponen
Layou_toLeftOf	Menempatkan komponen edittext disebelah pada bagian kanan komponen edit text lainnya.