Membuat Border pada Tabel di Android

Melanjutkan artikel sebelumnya, di sini yang membahas mengenai penggunaan Table. Pada Android, tidak disediakan penggunaan border pada Table. Sehingga untuk menambahkan border, bisa diakali menggunakan Background color pada komponennya. Hehehe.
Berikut script XML

<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"
    android:orientation="vertical">
   
    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#000">
       
        <TableRow
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
              
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:padding="10dp"
                android:background="#fff"
                android:layout_margin="1dp"
                android:text="Baris 1, Kolom 1"
                android:gravity="center"/>
           
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:padding="10dp"
                android:background="#fff"
                android:layout_margin="1dp"
                android:text="Baris 1, Kolom 2"
                android:gravity="center"/>
        </TableRow>
        <TableRow
            android:layout_width="match_parent"
            android:layout_height="wrap_content">   
           
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:padding="10dp"
                android:background="#fff"
                android:layout_margin="1dp"
                android:text="Baris 2, Kolom 1"
                android:gravity="center"/>
           
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:padding="10dp"
                android:background="#fff"
                android:layout_margin="1dp"
                android:text="Baris 2, Kolom 2"
                android:gravity="center"/>
        </TableRow>
    </TableLayout>
</LinearLayout>

Script java
package com.thegunk.table;

import android.os.Bundle;
import android.app.Activity;

public class TableActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_table);
    }
}
Hasilnya

*catatan
Background pada aplikasi yang dibuat berwarna putih. Jadi Background pada TableLayout saya beri warna hitam. Sedangkan isi dari tabel sendiri saya beri warna putih. Agar background hitam pada TableLayout terlihat, maka pada isi tabel ditambankan penggunaan Margin untuk memberi jarak.

7 komentar

info menarik kk.. :D
gambarnya ada watermarknya... ^___^v

Wah mantap ilmunya makasih ya ^_^

Mantep gan ternyata bisa juga diakalin buat bikin tabel XD


EmoticonEmoticon