memulai-belajar-android-studio-bahasa-indonesia

Layout Pada Android Studio dan Jenisnya

Apa itu Android Layout?

Dari artinya sendiri layout adalah tata letak dan begitu pula kita mendefinisikannya di Android Studio.

Di dalam layout kita akan mengatur struktur visual atau bagaimana penempatan antarmuka pengguna seperti teks, button, dan komponen lainnya.

Layout bisa diklarasikan dengan dua cara yaitu :

  1. Deklarasi UI element di XML, sebuah layout bisa kita definisikan di file XML yang sering kita temui di folder “res/layout”.
  2. Saat kita memprogram di file .java atau .kt (kotlin) sebuah layout juga bisa kita buat disana secara terprogram.

Jenis-Jenis Layout di Android Studio

Saat mengembangkan aplikasi android kita pasti akan sering bertemu dengan beberapa jenis layout dan setiap layout itu punya tata letak yang berbeda, dibawah ini kita akan melihat jenis-jenis layout apa saja yang ada di android studio.

Linear Layout

Linear layout adalah dimana letak semua komponen yang kita masukkan ke dalamnya akan sejajar baik itu secara vertikal ataupun horizontal.

Sebelum menggunakan linear layout kita harus menentukan kemana arah orientasinya, apakah ingin dibuat sejajar kesamping atau kebawah dengan menggunakan keyword android:orientation.

apa-itu-linear-layout-di-android-studio
Contoh Desain Menggunakan Linear Layout di Android Studio
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Tombol 1"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Tombol 1"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Tombol 1"
        />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Tombol 1"
            />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Tombol 1"
            />

    </LinearLayout>
</LinearLayout>

Seperti yang kita tahu di Linear Layout jika sudah ditentukan orientasinya horizontal/vertikal maka semua komponen didalamnya akan seterusnya tersusun sesuai orientasi yang diatur.

Lihat contoh syntax diatas pada awal Linear Layout sudah ditetapkan orientasinya vertikal yang artinya akan terus sejajar kebawah tapi kenapa pada tombol 3, 4, dan 5 bisa menyamping ?

Sederhanaya kita menyisipkan Linear Layout baru yang berisikan ketiga buah tombol itu dengan orientasi horizontal ke dalam Linear Layout utama.

Frame Layout

Jika di linear layout setiap komponen baru maka otomatis akan berada sesuai orientasinya (vertikal/horizontal).

Pada Frame Layout ini setiap komponen yang ditambahkan akan tumpang tindih, contoh sederhanya seperti kita ingin menyisipkan tombol di atas gambar.

Contohnya seperti berikut, perhatikan tombol “tambah” posisinya menindih gambar.

apa-itu-framelayout-di-android-studio
Contoh desain Frame Layout di Android Studio

Constrain Layout

Sebelum kita mengenal Constrain layout sebenarnya ada layout lama namun sudah jarang digunakan yaitu Relative Layout yang bisa dibilang dasar dari Constrain Layout.

Keduanya punya tata letak yang sama, kita bebas menumpuk dan drag an drop antar komponen mau di samping ataupun atas/bawah.

Bedanya pada Constrain Layout terdapat semacam tali (Constrain) disetiap sisinya yang membuatnya lebih fleksibel, menjadi mudah digunakan pada Layout Editor (editor visual).

apa-itu-constrain-layout-di-android-studio
Contoh Constrain Layout di Android Studio

Table Layout

Seperti dari namanya pada layout ini penempatan komponennya persis seperti kita menggunakan tabel pada umumnya, apalagi yang sering menggunakan Ms Excel pasti sudah tidak asing lagi.

Di dalam Table Layout ini juga berisikan Table Row (baris) yang menjadi tempat komponen kita ditempatkan nantinya.

cara-pakai-table-layout-di-android-studio
Contoh Table Layout di Android Studio

Nah itulah jenis-jenis layout yang ada di Android Studio, dan sebenarnya tidak semua layout saya muat karena ada layout yang obsolote atau sudah tidak digunakan maka dari itu kita cukup berkenalan dengan ke empat jenis layout diatas yang sering digunakan orang.

Leave a Reply

Your email address will not be published. Required fields are marked *