Belajar Android Mengenal Layout

Di android, layout memang  sangat penting untuk user interface, ada beberapa macam macam layout pada android, yaitu LinearLayout, RelativeLayout , FrameLAyout, ScrollViewLayout dan sebagainya. Layout di android berjenis .xml .

Disini akan memberikan contoh penggunaan LinearLayout, RelativeLayout dan ScrollViewLayout.

LinearLayout memiliki 2 jenis yaitu vertikal dan horizontal, dan untuk peletakan layout di android studio berada di folder res > layout > nama file xml nya seperti di gambar 

RelativeLayout.

Jika LinearLayout diposisikan sejajar vertikal dan horizontal, berbeda dengan relativelayout yang bisa diposisikan dimana saja .

berikut ini kode nya :

<?xml version="1.0" encoding="utf-8"?>

<ScrollView    android:padding="16dp"    

xmlns:android="http://schemas.android.com/apk/res/android"    

xmlns:tools="http://schemas.android.com/tools"    

android:id="@+id/scrollid"    

android:scrollbars="none"    

android:layout_width="match_parent"    

android:layout_height="match_parent"    

tools:context="com.example.farid.ima.MainActivity"    

android:orientation="vertical">


<LinearLayout        

android:layout_width="match_parent"        

android:id="@+id/linearparent"        

android:orientation="vertical"        

android:layout_height="match_parent">

<LinearLayout        

android:id="@+id/linearchild"        

android:layout_width="wrap_content"        

android:layout_height="wrap_content"        

android:orientation="vertical">

<ImageView           

android:layout_width="wrap_content"            

android:layout_height="200dp"            

android:scaleType="centerCrop"            

android:layout_marginBottom="20dp"            

android:src="@drawable/kampung"/>

<TextView            

android:layout_width="wrap_content"           

android:id="@+id/textview"            

android:text="@string/textview"            

android:layout_height="wrap_content" />

</LinearLayout>



<RelativeLayout            

android:layout_width="wrap_content"            

android:layout_height="wrap_content"           >

<Button                

android:layout_width="wrap_content"                

android:layout_height="wrap_content"                

android:text="Button1"                

android:id="@+id/button1"                

android:layout_alignParentTop="true"                

android:layout_alignParentLeft="true"/>

<Button                

android:layout_width="wrap_content"                

android:layout_height="wrap_content"                

android:text="Button 2"                

android:id="@+id/button2"               

android:layout_alignParentRight="true"/>

<Button                

android:layout_width="match_parent"                

android:layout_height="wrap_content"                

android:paddingTop="10dp"                

android:text="Button3"                

android:layout_below="@+id/button1"/>

 </RelativeLayout>

</LinearLayout>

</ScrollView>

Untuk TextView yang ini

 <TextView            

android:layout_width="wrap_content"           

android:id="@+id/textview"   

android:text="@string/textview"            

android:layout_height="wrap_content" />

 diambil dari folder res > values > strings.xml 

Dan ini hasilnya