Tutorial Android | User Interface & layout Android Bagian 2

Tutorial Android User Interface dan layout

Hey Dab, Pada Bagian Kedua ini Saya akan membahas Mengenai Relative Layout. Setelah berbicara mengenai LinerLayout Sekarang kita akan membahas Relative layout. Relative Layout itu merupakan layout yang bisa mengatur komponen-komponen (widget, layout dll) secara relative (bisa di letakkan di mana saja).


Contoh simpelnya seperti gambar berikut ini:

Dari Gambar diatas disebut relative kare Button Register relative terhadap button login. Untuk Contoh Code yang simple : 

<Button android:id="@+id/btnLogin" ..></Button>
 
<Button android:layout_toRightOf="@id/btnLogin"
            android:layout_alignTop="@id/btnLogin" ..></Button>

Oke, Sekarang sudah mulai paham perbedaan antara Linier Layout dan Relative Layout. Jika masih belum kita akan mencoba membuat layout sesuai dengan Contoh gambar di atas.

1. Buat Project baru File -> New -> Android Project.
2. Terus buka pada res -> Layout Tempat saya namanya main_activity.xml, atau anda mau buat baru juga bisa dengan memberi nama sendiri (Kalau Buat baru Harus ada Activitynya udah di jelasin di post sebelummnya).
3. Lalu Ketikkan pada xml :
   
   

   <?xml version="1.0" encoding="utf-8"?>
   <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content">
    
       <TextView 
   android:id="@+id/label" 
   android:layout_width="fill_parent"
   android:layout_height="wrap_content" 
   android:text="Nama" />
    
       <EditText 
   android:id="@+id/inputNama" 
   android:layout_width="fill_parent"
   android:layout_height="wrap_content" 
   android:layout_below="@id/label" />
      
       <Button 
   android:id="@+id/btnLogin" 
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_below="@id/inputEmail"
   android:layout_alignParentLeft="true"
   android:layout_marginRight="10px"
   android:text="Login" />
    
       <Button 
   android:layout_width="wrap_content" 
   android:layout_height="wrap_content"
   android:layout_toRightOf="@id/btnLogin"
   android:layout_alignTop="@id/btnLogin"  
   android:text="Register" />
                
   </RelativeLayout>

4. Setelah itu Di Jalankan (Jangan Lupa untuk mengeset layout pada activity 

   setContentView(R.layout.relative_layout);

   )