Linear Layout [7]



Post berikut akan membahas tentang Linear Layout. Linear Layout yaitu jenis layout sederhana yang dapat mengatur orientasi widget secara horizontal atau vertical. Orientasi Vertical berarti setiap widget akan tertata secara vertikal kebawah. Sedangkan Orientasi Horizontal akan tertata kesamping. Gambar diatas menjelaskan bawah terdapat widgets letak horizontal dan vertical. Mari kita setting agar menjadi gambar diatas:

  • Siapkan LinearLayout dengan menggunakan 4 TextView (sesuai warna 4 diatas) . Lalu lakukanlah coding seperti dibawah ini :


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    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"
    tools:context="com.example.android.linearlayout.MainActivity">

    <TextView
        android:layout_width="100dp"
        android:layout_height="250dp"
        android:text="kolom1"
        android:textColor="#FFF"
        android:background="@android:color/holo_red_light"
        />

        <TextView
            android:layout_width="100dp"
            android:layout_height="250dp"
            android:text="kolom2"
            android:textColor="#FFF"
            android:background="@android:color/darker_gray"
            />
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <TextView
            android:layout_width="184dp"
            android:layout_height="125dp"
            android:text="kolom2"
            android:textColor="#FFF"
            android:background="@android:color/holo_green_light"
            />
        <TextView
            android:layout_width="184dp"
            android:layout_height="125dp"
            android:text="kolom2"
            android:textColor="#FFF"
            android:background="@android:color/holo_blue_light"
            />
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical">
        </LinearLayout>

</LinearLayout>

Oke mari kita bedah satu persatu kode diatas:




  • Layout width dan height match parent memerintahkan bahwa layout akan memaksimalkan ruang atas, samping dan bawah.

  • Nah didalam layout "LinearLayout" terdapat 2 TextView , jika diteliti lebih dalam didalamnya masih ada Linear Layout. Itu berfungsi untuk memberikan TextView secara horizontal sehingga kotak warna biru terdapat dibawah kotak warna hijau.
  • Untuk pengatruan seperti layout_width,layout_height, text, textColor, background cukup mudah. Anda dapat menggantinya sesuai keninginan anda.
Sekian dari saya Terima Kasih.
Previous
Next Post »
Thanks for your comment