Belajar Android Studio 1.3 : Linear Layout – Sesuai dengan namanya, linear layout menyimpan widget dalam satu baris atau satu kolom (tergantung orientasinya). Tata letak Linear mengatur elemen sepanjang garis tunggal.

Ada dua orientasi dalam Linear Layout ini yakni Jika orientasinya vertical  (android:orientation = “vertical”) maka hasilnya akan seperti ini :

Randd Soft : Belajar Android Studio

Sedangkan jika orientasinya horizontal (android:orientation = “horizontal”), maka hasilnya akan seperti ini.

Randd Soft : Belajar Android Studio

Berikut akan ditunjukan cara membuat Linear Layout :

  • Pertama Klik File -> New ,lalu klik Android Application Project.
  • Isikan kotak dialog new seperti berikut :
Project name LinearLayout
Build target Android 2.2
Application name LinearLayout
Package name Com.example.linearlayout
Create activity MembuatLinearLayout
Min SDK version 8
   
  • Setelah membuat projectnya lalu atur tampilan projectnya dengan cara klik kanan pilih Change Layout lalu klik
Randd Soft : Belajar Android Studio
  • Buka atau klik main.xml, lalu masukan kode program berikut :
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" //posisi linear secara tegak lurus
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left" //posisi widget di sebelah kiri
        android:text="Button" /> //nama text widget

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left"
        android:text="Button" />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left"
        android:text="Button" />

    <Button
        android:id="@+id/button4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

    <Button
        android:id="@+id/button5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

</LinearLayout>
  • Perhatikan pada script <LinearLayout xmlns:android=http://schemas.android.com/apk/res/android

secipt ini menunjukkan bahwa layout tersebut adalah LinearLayout.

  • Dalam menggunakan linear layout, orientation dapat dipilih secara vertikal maupun horizontal.
  • Setelah itu run aplikasinya dan berikut hasilnya

Hasil akhirnya adalah sebagai berikut.

Randd Soft : Belajar Android Studio

Baca juga :

Randd Soft : Belajar Android Studio