Belajar Android Studio 1 : Layout Manajer – Terdapat beragam jenis layout manager yang memiliki fungsi masing-masing, diantaranya yaitu :

  • TableLayout
  • Relative Layout
  • LinearLayout
  • FrameLayout

Berikut penjelasan dari masing-masing layout tersebut.

Untuk meletakan komponen (view) pada layar, android studio menggunakan layout manager. Karena ukuran layar pada device Android sangat beragam, sehingga menyulitkan programmer untuk meletakkan posisi widget secara pasti.

TABLE LAYOUT

Digunakan untuk meletakan komponen dalam bentuk tabel (baris dan kolom), mirip seperti Table yang digunakan di HTML.  Untuk mendefiniskan baris, dapat menggunakan <TableRow>

Berikut ini akan ditunjukkan cara membuat Table Layout :

  • Pertama akan muncul tampilan seperti berikut lalu Klik File -> New, lalu klik Android Application Project
Randd Soft : Belajar Android Studio

Application Name = Diisi dengan nama aplikasi yang kita buat.

Project Name = Nama project yang akan tampil di eclipse

Package Name = Nama package yang akan kita gunakan bebas saja yang jelas formatnya sesuai misal com.textview 

Minimum Required SDK = Pemilihan batas minimum aplikasi yang dibuat untuk bisa dijalankan misalnya API 8 maka aplikasi tersebut hanya bisa dijalankan untuk android 2.2 keatas.

Target SDK = Pemilihan target sdk yang akan digunakan dari eclipsenya sendiri disarankan high sdk misal contoh diatas menggunakan sdk API 17.

Compile With = Pemilihan sdk yang akan digunakan untuk mengompile project aplikasi yang kita buat. disini biasanya tersedia 2 versi yakni dengan awalan API atau dengan awalan Google APIs, untuk aplikasi yang tidak memerlukan penggunaan google api maka sebaiknya pakai yang awalan API saja.

Theme = Pemilihan tema yang digunakan di aplikasi

  • Isikan kotak dialog new seperti berikut :
Project name TableLayout
Build target Android 2.2
Application name TableLayout
Package name Com.example.tablelayout
Create activity MembuatTableLayout
Min SDK version 8
Randd Soft : Belajar Android Studio

Simpan project pada workspacenya

Klik next

Pilih Laucher icon / shortcut android, dengan menekan tombol browse.

Randd Soft : Belajar Android Studio

Klik next

Maka akan muncul lagi window popup untuk membuat activity dengan berbagai pilihan.

Pilih BlankActivity

Randd Soft : Belajar Android Studio

Blank Activity = Membuat activity dilengkapi dengan actionbar.

Fullscreen Activity = Akan membuat activity yang fullscreen.

Master/Detail Flow = Menu ini akan membuat master/detail flow dengan kompatibilitas support tablet mode dan smartphone mode, dimana akan membuat dua activity dan dua fragment.

Klik  next

Randd Soft : Belajar Android Studio

Setelah pilih next akan memunculkan popup window lagi untuk memberi nama activity beserta layout activity. secara default akan terisi MainActivity dan activity_main 

Klik Finish

  • Atur tampilan projectnya dengan cara klik kanan pilih Change Layout lalu pilih table layout
Randd Soft : Belajar Android Studio
Randd Soft : Belajar Android Studio
  • Buka atau klik main.xml, lalu masukan kode program berikut :
<TableLayout //script pembuka pada layout relatif
    		xmlns:android=http://schemas.android.com/apk/res/android
    		xmlns:tools=http://schemas.android.com/tools
    		android:id="@+id/TableLayout1"
    		android:layout_width="match_parent"
    		android:layout_height="match_parent"
    		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" >// kotek pada aplikasi
    	<TableRow >
        <Button
            android:id="@+id/backbutton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="KEMBALI" />
</TableRow>
    <TableRow >
        <TextView // identitas widget textview
            android:id="@+id/textView1" // nama id pada widget
            android:layout_width="wrap_content" // ukuran lebar widget
            android:layout_height="wrap_content" // ukuran tinggi widget
            android:text="First Name" /> // text pada widget <EditText
            android:id="@+id/editText1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:ems="10" > //ukuran text pada widget
            <requestFocus />
        </EditText>
    </TableRow>
    <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Last Name" />

        <EditText
            android:id="@+id/editText2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:ems="10" /> //ukuran text pada widget
    </TableRow>
    <TableRow
        android:id="@+id/tableRow2"
        android:layout_width="wrap_content" // ukuran lebar widget
        android:layout_height="wrap_content" > // ukuran tinggi widget
        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="INI NAMAKU" /> // text pada widget
    </TableRow>
</TableLayout>

Penjelasan Program :

  • Pada baris ke 1 sampai 10 merupakan script XML yang menunjukan bahwa tampilan tersebut adalah table layout. Pada TableRow yang pertama, berisi satu button, dan di script button terdapat android:id=“@+id/backbutton” yang berfungsi sebagai id/tanda pengenal button tersebut . Script android:text=“KEMBALI” berfungsi mengatur button agar caption atau text nya adalah “Kembali”
  • Pada Table Row kedua terdapat text view dan edit text first name dan last name agar user dapat mengisikan nama pertama dan nama terakhirnya.

Pada row terakhir, terdapat satu button dengan Text “INI NAMAKU”

Randd Soft : Belajar Android Studio

Baca Juga :

Randd Soft : Belajar Android Studio