Mengenal table layout dan relative layout dalam bahasa android

Juni 26, 2020
Add Comment
Tempat belajar ilmu teknologi informasi | informatika | komputer | sistem | jaringan
Setalah membuat Relative layout, sekarang kita buat layout table. Mari sekilas kita mengenal
Table layout.
Table layout adalah layout yang disusun berdasarkan baris dan kolom. Table layout terdiri atas
sejumlah object tableRow.Bagaimana dengan garis tepinya?? Yuph! Tidak kelihatan.
Table layout tidak menampilkan garis tepi pada baris, kolom, dan sel. Setiap baris bisa memiliki banyak sel atau tidak memiliki sama sekali. Setiap sel, bisa digunakan untuk meletakkan sebuahobject View.
Lebar sebuah kolom ditentukan oleh baris yang memiliki sel paling lebar. Selain itu, table layout dapat di set shrinkable atau stretchable dengan memanggil setColumnShrinkable() atau setColumnStretchable(). Bila diset shrinkable, lebar kolom bisa dimampatkan menyesuaikan object. Bila di set stretchable, kolom bisa direnggangkan menyesuaikan sisa tempat pada table. Kolom dapat di set keduanya shrinkable dan stretchable. Selain itu, kolom dapat disembunyikan dengan memanggil setColumnCollapsed().
Bingung?? Sama. Hehehe... oke, semakain cepat Kamu mencoba, semakin cepat pula Kamu bisa.
1. Jalankan Enclipse, File > New > Android Project
2. Isikan kotak dialog new seperti berikut
Project name TableLayout
Contents Create new project in workspace
Build Target Android 2.1
Application name TableLayout
Package name tableLayout.source
Create Activity tableLayout
Min SDK version 7
3. Pada Package Explorer, pilih TableLayout > res > layout > main.xml.
4. Tulis kode dibawah ini
<?xml version="1.0" encoding="utf-8"?>
<Table Layout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:stretchColumns="1">
<TableRow>
<TextView
android:layout_column="1"
android:text="Open..."
android:padding="3dip" />
<TextView
android:text="Ctrl-O"
android:gravity="right"
android:padding="3dip" />
</TableRow>
<TableRow>
<TextView
android:layout_column="1"
android:text="Save..."
android:padding="3dip" />
<TextView
android:text="Ctrl-S"
android:gravity="right"
android:padding="3dip" />
</TableRow>
<TableRow>
<TextView
android:layout_column="1"
android:text="Save As..."
android:padding="3dip" />
<TextView
android:text="Ctrl-Shift-S"
android:gravity="right"
android:padding="3dip" />
</TableRow>
<View android:layout_height="2dip"
android:background="#FF909090" />
<TableRow>
<TextView
android:text="X"
android:padding="3dip" />
<TextView
android:text="Import..."
android:padding="3dip" />
</TableRow>
<TableRow>
<TextView
android:text="X"
android:padding="3dip" />
<TextView
android:text="Export..."
android:padding="3dip" />
<TextView
android:text="Ctrl-E"
android:gravity="right"
android:padding="3dip" />
</TableRow>
<View
android:layout_height="2dip"
android:background="#FF909090" />
<TableRow>
<TextView
android:layout_column="1"
android:text="Quit"
android:padding="3dip" />
</TableRow>
</TableLayout>
5. Pastikan pada tableLayout.
package tableLayout.source;
import android.app.Activity;
import android.os.Bundle;
public class tableLayout extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}
}
6. Lakukan Run dengan shortcut CTRL+F11 atau klik kanan package > run as > android Project.
Mudah bangett kan? Bila ada pertanyaan dan masukan segala macam, silakan kirim kontak kami
Setalah membuat Relative layout, sekarang kita buat layout table. Mari sekilas kita mengenal
Table layout.
Table layout adalah layout yang disusun berdasarkan baris dan kolom. Table layout terdiri atas
sejumlah object tableRow.Bagaimana dengan garis tepinya?? Yuph! Tidak kelihatan.
Table layout tidak menampilkan garis tepi pada baris, kolom, dan sel. Setiap baris bisa memiliki banyak sel atau tidak memiliki sama sekali. Setiap sel, bisa digunakan untuk meletakkan sebuahobject View.
Lebar sebuah kolom ditentukan oleh baris yang memiliki sel paling lebar. Selain itu, table layout dapat di set shrinkable atau stretchable dengan memanggil setColumnShrinkable() atau setColumnStretchable(). Bila diset shrinkable, lebar kolom bisa dimampatkan menyesuaikan object. Bila di set stretchable, kolom bisa direnggangkan menyesuaikan sisa tempat pada table. Kolom dapat di set keduanya shrinkable dan stretchable. Selain itu, kolom dapat disembunyikan dengan memanggil setColumnCollapsed().
Bingung?? Sama. Hehehe... oke, semakain cepat Kamu mencoba, semakin cepat pula Kamu bisa.
1. Jalankan Enclipse, File > New > Android Project
2. Isikan kotak dialog new seperti berikut
Project name TableLayout
Contents Create new project in workspace
Build Target Android 2.1
Application name TableLayout
Package name tableLayout.source
Create Activity tableLayout
Min SDK version 7
3. Pada Package Explorer, pilih TableLayout > res > layout > main.xml.
4. Tulis kode dibawah ini
<?xml version="1.0" encoding="utf-8"?>
<Table Layout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:stretchColumns="1">
<TableRow>
<TextView
android:layout_column="1"
android:text="Open..."
android:padding="3dip" />
<TextView
android:text="Ctrl-O"
android:gravity="right"
android:padding="3dip" />
</TableRow>
<TableRow>
<TextView
android:layout_column="1"
android:text="Save..."
android:padding="3dip" />
<TextView
android:text="Ctrl-S"
android:gravity="right"
android:padding="3dip" />
</TableRow>
<TableRow>
<TextView
android:layout_column="1"
android:text="Save As..."
android:padding="3dip" />
<TextView
android:text="Ctrl-Shift-S"
android:gravity="right"
android:padding="3dip" />
</TableRow>
<View android:layout_height="2dip"
android:background="#FF909090" />
<TableRow>
<TextView
android:text="X"
android:padding="3dip" />
<TextView
android:text="Import..."
android:padding="3dip" />
</TableRow>
<TableRow>
<TextView
android:text="X"
android:padding="3dip" />
<TextView
android:text="Export..."
android:padding="3dip" />
<TextView
android:text="Ctrl-E"
android:gravity="right"
android:padding="3dip" />
</TableRow>
<View
android:layout_height="2dip"
android:background="#FF909090" />
<TableRow>
<TextView
android:layout_column="1"
android:text="Quit"
</TableRow>
</TableLayout>
5. Pastikan pada tableLayout.
package tableLayout.source;
import android.app.Activity;
import android.os.Bundle;
public class tableLayout extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}
}
6. Lakukan Run dengan shortcut CTRL+F11 atau klik kanan package > run as > android Project.
Mudah bangett kan? Bila ada pertanyaan dan masukan segala macam, silakan kirim kontak kami
