Apa itu Linear Layout ?
Instance View child akan di bahas di bahasa pemrograman android, LinearLayout adalah subclass dari ViewGroup yang digunakan untuk membuat semua instance View child satu per satu baik secara Horizontal ataupun vertikal 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.
Cara Membuat Linear Layout Android
Pada praktik kali ini, kita akan menggunakan Android Studio untuk membuat Linear Layout. Kalau kamu belum memilikinya, disarankan untuk menginstallnya terlebih dahulu.
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
