Cara Membuat Linear Layout Pada Aplikasi Android

0

Di android, LinearLayout adalah subclass dari  ViewGroup yang digunakan untuk membuat semua instance View child satu per satu baik secara Horizontal ataupun vertical berdasarkan properti orientation.

Kita juga dapat menentukan orientasi tata letak linear menggunakan atribut android: orientation.

Berikut ini adalah contoh representasi tata letak linear dalam aplikasi android.

Di LinearLayout, instance View child diatur satu per satu sehingga list horizontal hanya akan memiliki satu baris dengan beberapa kolom dan list vertikal akan memiliki satu kolom yang terdiri dari beberapa baris.

Mengatur Linear Layout Android Studio

Saat memulai project baru di Android Studio, akan muncul banyak menu seperti Widget, Text, Layout, Container, Image, dan lain-lain. Pada pembahasan kali ini, kita akan fokus pada Layout saja. Klik Menu layout tersebut dan kamu ubah modenya menjadi Text Mode.

Liniear Layout – Horizontal

Langkah selanjutnya yaitu mengganti bagian android.support.constraint. ConstraintLayout menjadi Liniear Layout dan tambahkan atribute Android:Orientation=”Horizontal ”. seperti dibawah ini

<LinearLayout 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=”example.com.tutoriallayout.MainActivity”

    android:orientation=”horizontal”>

    <TextView

        android:layout_width=”wrap_content”

        android:layout_height=”wrap_content”

        android:text=”Hello World!”

        app:layout_constraintBottom_toBottomOf=”parent”

        app:layout_constraintLeft_toLeftOf=”parent”

        app:layout_constraintRight_toRightOf=”parent”

        app:layout_constraintTop_toTopOf=”parent” />

    <TextView

        android:layout_width=”wrap_content”

        android:layout_height=”wrap_content”

        android:text=”Hello World!”

        app:layout_constraintBottom_toBottomOf=”parent”

        app:layout_constraintLeft_toLeftOf=”parent”

        app:layout_constraintRight_toRightOf=”parent”

        app:layout_constraintTop_toTopOf=”parent” />

    <TextView

        android:layout_width=”wrap_content”

        android:layout_height=”wrap_content”

        android:text=”Hello World!”

        app:layout_constraintBottom_toBottomOf=”parent”

        app:layout_constraintLeft_toLeftOf=”parent”

        app:layout_constraintRight_toRightOf=”parent”

        app:layout_constraintTop_toTopOf=”parent” />

    <TextView

        android:layout_width=”wrap_content”

        android:layout_height=”wrap_content”

        android:text=”Hello World!”

        app:layout_constraintBottom_toBottomOf=”parent”

        app:layout_constraintLeft_toLeftOf=”parent”

        app:layout_constraintRight_toRightOf=”parent”

        app:layout_constraintTop_toTopOf=”parent” />

    <TextView

        android:layout_width=”wrap_content”

        android:layout_height=”wrap_content”

        android:text=”Hello World!”

        app:layout_constraintBottom_toBottomOf=”parent”

        app:layout_constraintLeft_toLeftOf=”parent”

        app:layout_constraintRight_toRightOf=”parent”

        app:layout_constraintTop_toTopOf=”parent” />

</LinearLayout>

Berikut ini Outputnya :

Pada hasil diatas, Karena Orientation kita atur menjadi horizontal, maka teks Hello World disusun secara horizontal.

Liniear Layout – Vertical

Jika kamu ingin menyusunnya secara vertical, kamu hanya perlu mengganti bagian Orientation nya menjadi Vertical.

<?xml version=”1.0″ encoding=”utf-8″?>

<LinearLayout 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=”example.com.tutoriallayout.MainActivity”

    android:orientation=”vertical”> // Ganti Horizontal menjadi Vertical

Dan beginilah tampilan outputnya :

Mengatur Align Liniear Layout

Di dalam android studio, kamu juga bisa mengatur tata letak dari teks yang kamu input dengan menambahkan attribut Android:gravity. Jika kamu ingin membuat tampilan teks secara Horizontal dengan tata letak rata tengah, maka kamu bisa menggunakan perintah android:gravity=”center_horizontal”

<?xml version=”1.0″ encoding=”utf-8″?>

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

    android:orientation=”vertical”

    tools:context=”example.com.tutoriallayout.MainActivity”

    android:gravity=”center_horizontal”>

Output :

Sumber : tutorialspoint.com

Share.

About Author

Techfor Id

Leave A Reply