Belajar Cara Membuat Relative Layout pada layout.xml - Okedroid.com | Belajar Coding Aplikasi Android Java Online
Okedroid.com | Belajar Coding Aplikasi Android Java Online

Belajar Cara Membuat Relative Layout pada layout.xml

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.

Struktur folder/file Layout.xml
Struktur folder/file Layout.xml

                    Pastikan kalian sudah Membaca Cara Membuat Aplikasi HelloWorld di Android Studio untuk dasarnya ,karna tutorial disini kita akan langsung mulai pemrograman Aplikasi di dalam Android Studio .
Buat  file layout.xml


Klik Kanan folder Layout di appres>Layout

Buat file layout
Buat file Layout



Buat Nama Layout
Buat nama layout






Berikut Codenya:
<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" >

    <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>


Hasilnya :


Cara Membuat Relative Layout pada layout.xml
Relative Layout

Baca juga :

0 Komentar untuk "Belajar Cara Membuat Relative Layout pada layout.xml"

Silakan berkomentar sesuai dengan Postingan/Artikel yang di bahas.
Jangan SPAM di komentar ini

Back To Top
-->