PERBEDAAN LINEAR, RELATIVE DAN CONSTRAINT LAYOUT - ANDROID STUDIO

Assalamualaikum Wr, Wb

Pada kesempatan kali ini, saya akan menjelaskan apa itu Linear, Relative dan Constraint Layout pada aplikasi Android Studio.. langsung saja !!!!!

Linear Layout

adalah jenis layout pada aplikasi android studio yang fokus pada orientasi baris/kolom. Linear layout ini ada 2 macam :

Vertical Linear Layout : dia akan membuat elemen yang ada didalam linear layoutnya berada kebawah/atas dan bisa juga dikatakan perbaris.

Horizontal Linear Layout : dia akan membuat elemen yang ada didalam linear layoutnya berada kesamping dan juga bisa dikatakan perkolom.

Demo LinearLayout activity_main.xml

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

    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">
</LinearLayout>

Relative Layout

adalah jenis layout yang letak penataannya bebas, sehingga bisa ditata dimana saja.

Demo RelativeLayout activity_main.xml

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

    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">
</RelativeLayout>

Constraint Layout

adalah jenis layout yang fokus pada batasan-batasan setiap elemen dalam tampilan UI di android studio. Jadi, kita bisa atur batasan-batasan dimana saja ketika kita menaruh elemen kedalam UI yang ada di android studio.

Demo ConstraintLayout activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">
</android.support.constraint.ConstraintLayout>

Itulah sepintas tentang perbedaan antara Linear, Relative dan Constraint Layout, bila ada yang belum jelas silahkan tanyakan pada kolom komentar.

~~~ REGAR'S ~~~

PERBEDAAN LINEAR, RELATIVE DAN CONSTRAINT LAYOUT - ANDROID STUDIO

Share this