Thu. Oct 21st, 2021

Ada beberapa jenis layout pada palette android yaitu: Constraint Layout, Guideline (horizontal), Guideline (vertikal), LinearLayout (horizontal), LinearLayout (vertikal), FrameLayout, TableLayout, TableRow, dan Space.

Linearlayout merupakan desain layout dimana tampilannya disejajarkan dengan satu arah. ada 2 LinearLayout yaitu secara horizontal dan vertikal.
Using Kotlin

Using Java

Linear Layout secara horizontal akan disejajarkan dari kiri ke kanan contoh pada gambar dibawah ini.

android:orientation="horizontal"

Adapun langkahnya klik res > layout > klik activity_main.xml (jika nama design xmlnya activity_main.

kemudian klik Layout pada pallete > LinearLayout (horizontal). buatlah tampilan seperti diatas dengan menggunakan textview. ubah ukuran width dan height menjadi match_parent kemudian dibawahnya masukkan textview.

<TextView
    android:id="@+id/merah"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:text="Merah"
    android:layout_gravity="center_horizontal"
    android:background="#aa0000"/>
dst

full code:
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        tools:layout_editor_absoluteX="1dp"
        tools:layout_editor_absoluteY="-7dp">

        <TextView
            android:id="@+id/merah"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="Merah"
            android:layout_gravity="center_horizontal"
            android:background="#aa0000"/>
        <TextView
            android:id="@+id/hijau"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="Hijau"
            android:layout_gravity="center_horizontal"
            android:background="#00aa00"/>
        <TextView
            android:id="@+id/biru"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="Biru"
            android:layout_gravity="center_horizontal"
            android:background="#0000aa"/>
        <TextView
            android:id="@+id/kuning"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="Kuning"
            android:layout_gravity="center_horizontal"
            android:background="#aaaa00"/>
    </LinearLayout>
</android.support.constraint.ConstraintLayout>

Linear Layout secara vertikal akan disejajarkan dari atas ke bawah contoh pada gambar dibawah ini.

android:orientation="vertical"

<TextView
    android:id="@+id/baris1"
    android:textSize="30dp"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:background="#aa0000"
    android:text="Merah" />

full code:
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:layout_editor_absoluteX="2dp"
        tools:layout_editor_absoluteY="-7dp">

        <TextView
            android:id="@+id/baris1"
            android:textSize="30dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#aa0000"
            android:text="Merah" />
        <TextView
            android:id="@+id/baris2"
            android:textSize="30dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#aaa000"
            android:text="Kuning" />
        <TextView
            android:id="@+id/baris3"
            android:textSize="30dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#00aa00"
            android:text="Hijau " />


    </LinearLayout>
</android.support.constraint.ConstraintLayout>