Belajar Cara Membuat Absolute Layout di Android Studio


Assalamualaikum Warahmatullahi Wabarakatuh.

Absolute Layout adalah salah satu komponen user interface. Yang digunakan untuk mengatur tata letak suatu widget seperti Button, TextView, EditText, dsb, dengan menggunakan atribut layout_x dan layout_y pada komponen user interface, seperti Button, yang digunakan untuk mengatur koordinat atau angka di atribut layout_x dan layout_y.


Pada tutorial ini, kita akan belajar apa itu yang dimaksud dengan Absolute Layout serta cara menggunakannya pada project aplikasi yang kita buat menggunakan Android Studio.

Materi Lainnya Yang Direkomendasikan:

Belajar Cara Membuat Absolute Layout di Android Studio

Pertama buka aplikasi Android Studio kalian, Buat Project Baru.

Selanjutnya buka activity_main.xml pada project tersebut, disini kita akan mencoba menggunakan Absolute Layout dengan beberapa komponen tambahan lainnya seperti Button, TextView dan EdiText.
<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="8dp"
    android:background="#FFF5F5F5"
    tools:context="android.cianjur.developer.net.basicandroid.MainActivity"
    tools:ignore="Deprecated">

    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="Contoh Absolute Layout"
        android:textSize="15sp"
        android:textStyle="bold"
        tools:layout_editor_absoluteX="64dp"
        tools:layout_editor_absoluteY="72dp" />

    <EditText
        android:id="@+id/editText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_y="30dp"
        android:hint="Email"
        android:inputType="textPersonName"
        tools:layout_editor_absoluteX="0dp"
        tools:layout_editor_absoluteY="28dp" />

    <EditText
        android:id="@+id/editText2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_y="80dp"
        android:hint="Password"
        android:inputType="textPersonName"
        tools:layout_editor_absoluteX="0dp"
        tools:layout_editor_absoluteY="28dp" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_y="125dp"
        android:text="Masuk"
        tools:layout_editor_absoluteX="0dp"
        tools:layout_editor_absoluteY="126dp" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_x="215dp"
        android:layout_y="125dp"
        android:text="Daftar"
        tools:layout_editor_absoluteX="0dp"
        tools:layout_editor_absoluteY="126dp" />
    
</AbsoluteLayout>
Coba kalian perhatikan, atribut layout_x digunakan untuk mengatur koordinat x, yaitu jarak sebuah objek yang bisa kita geser ke kiri dan ke kanan, sedangkan atribut layout_y digunakan untuk mengatur koordinat y, yaitu jarak sebuah objek yang bisa kita geser ke atas dan ke bawah.

Demo:


Kelas ini tidak berlaku lagi di tingkat API 3. Gunakan FrameLayout, RelativeLayout atau custom layout lain sebagai gantinya.

Terimakasih atas kunjungannya, semoga tutorial yang saya berikan bisa bermanfaat untuk kalian semua, selebihnya, mohon maaf bila ada kesalahan.

Wassalamualaikum Warahmatullahi Wabarakatuh.

Wildan M Athoillah
Wildan M Athoillah Blogger dan spesialis pembuat aplikasi android.