Membuat Relative Layout pada layout.xml di Android Studio
Relative Layout adalah suatu jenis layout pada Activity yang dimana saat kita meletakan posisi widget kita bisa meletakan dimana saja di layout.xml. Berbeda dengan LinearLayout yang bersifat linear hanya diposisikan sejajar vertikal dan horizontal. Jika Relative Layout kita bisa meletakanya dimana saja.
Berikut contoh penggunaan Linear Layout pada Aplikasi
Buat file layout.xml
Klik Kanan folder Layout di app> res>Layout
Copy Code berikut ke Main_Activity.xml
![]() |
Struktur folder/file Layout.xml |
Berikut contoh penggunaan Linear Layout pada Aplikasi
Buat file layout.xml
Klik Kanan folder Layout di app> res>Layout
![]() |
Buat file Layout |
![]() |
Buat nama layout |
Copy Code berikut ke Main_Activity.xml
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" >
<Button
android:id="@+id/button1"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:text="Button 1" />
<Button
android:id="@+id/button2"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_marginLeft="37dp"
android:layout_toRightOf="@+id/button1"
android:text="Button 2" />
<Button
android:id="@+id/button3"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_marginBottom="150dp"
android:text="Button 3" />
<Button
android:id="@+id/button5"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button2"
android:layout_below="@+id/button2"
android:layout_marginTop="70dp"
android:text="Button 5" />
<Button
android:id="@+id/button6"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/button3"
android:layout_alignParentRight="true"
android:layout_marginBottom="22dp"
android:text="Button 6" />
</RelativeLayout>
Post a Comment