Untuk membuat aplikasi Android yang wajib dan menjadi dasar untuk dipelajari adalah membuat layout atau tampilan aplikasi. Pemahaman penggunaan Linear Layout dan Relative Layout sangat diperlukan, agar tampilan user interface rapi dan customizable. Untuk itu kali ini saya akan memberikan tutorial dan penjelasan.

Sebelum lanjut kita bahasa sedikit dulu tentang eXtensible Markup Language (XML), jadi XML digunakan untuk menjembatani manusia dan mesin atau agar¬†diterjemahkan mesin. HTML pada web contohnya. Jangan lupa pada XML selalu ada tag pembuka contohnya <TextView> dan <LinearLayout> dan juga tag penutup contohnya </TextView> dan </LinearLayout> bedanya pada tanda “/“. Jadi item yang ada didalam atau antara tag pembuka dan penutup yang dinamakan child akan dipengaruhi oleh si parent. Contohnya pada kodingan di bawah ini ada LinearLayout sebagai parent dan di dalamnya ada TextView sebagai child dari LinearLayout.

<LinearLayout
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <TextView
        android:text="Example"
        android:textSize="14sp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

 

Umumnya saya lebih suka menggunakan Linear Layout tapi tak jarang atau untuk kasus tertentu saya menggunakan Relative Layout.

Apa keuntungan menggunakan Linear Layout ? jadi, Linear Layout ada orientation-nya kalau orientation-nya vertical maka item setelahnya akan ditempatkan dibawahnya kalau orientation-nya horizontal maka item setelahnya akan ditempatkan di samping kanan.

Apa keuntungan menggunakan Relative Layout ? jadi, Relative Layout tidak menggunakan orientation. Cukup menggunakan

//maka item tersebut akan ditempatkan di kanan item yang memiliki id/ID example_TextView
android:layout_toRightOf="@id/example_TextView"
//maka item tersebut akan ditempatkan di kanan item yang memiliki id/ID example_TextView
android:layout_toLeftOf="@id/example_TextView"
//maka item tersebut akan ditempatkan di tengah secara horizontal
android:layout_centerHorizontal="true"
//maka item tersebut akan ditempatkan di tengah secaravertical
android:layout_centerVertical="true"
//maka item tersebut akan ditempatkan di tengah parrent
android:layout_centerInParent="true"

 

 

# #

September 24, 2017

Leave a Reply

%d bloggers like this: