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
