অ্যান্ড্রয়েডে বর্ডারসহ টেবিল (TableLayout) তৈরি করা

TableLayout এবং TableRow ব্যবহার করে সিম্পল টেবিল বানানো

এই উদাহরণে দেখানো হয়েছে কিভাবে XML-এ TableLayout ব্যবহার করে সারি-কলাম ভিত্তিক টেবিল তৈরি করা যায়। প্রতিটি সারির ব্যাকগ্রাউন্ড রঙ দিয়ে বর্ডার-সদৃশ ইফেক্ট দেওয়া হয়েছে।

ধাপ ১: প্রজেক্ট তৈরি করুন

Android Studio-তে নতুন প্রজেক্ট শুরু করুন।

ধাপ ২: লেআউট (activity_main.xml) - টেবিল

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:app="https://schemas.android.com/apk/res-auto"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="100dp"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    tools:context=".MainActivity">

    <!-- হেডার সারি -->
    <TableRow
        android:background="#0079D6"
        android:padding="5dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="User ID"
            android:textColor="#FFFFFF"
            android:textStyle="bold"
            android:gravity="center" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="User Name"
            android:textColor="#FFFFFF"
            android:textStyle="bold"
            android:gravity="center" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Location"
            android:textColor="#FFFFFF"
            android:textStyle="bold"
            android:gravity="center" />
    </TableRow>

    <!-- ডেটা সারি ১ -->
    <TableRow
        android:background="#DAE8FC"
        android:padding="5dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="1"
            android:gravity="center" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Michael Jackson"
            android:gravity="center" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="SA"
            android:gravity="center" />
    </TableRow>

    <!-- ডেটা সারি ২ -->
    <TableRow
        android:background="#DAE8FC"
        android:padding="5dp">
        <TextView ... android:text="2" />
        <TextView ... android:text="Selena Gomez" />
        <TextView ... android:text="USA" />
    </TableRow>

    <!-- ডেটা সারি ৩ -->
    <TableRow
        android:background="#DAE8FC"
        android:padding="5dp">
        <TextView ... android:text="3" />
        <TextView ... android:text="Pitbull" />
        <TextView ... android:text="UK" />
    </TableRow>

</TableLayout>

ধাপ ৩: MainActivity.java (সাদা)

package com.example.sample;

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

টেবিল সাজানোর টিপস

• android:layout_weight="1" দিয়ে কলামগুলো সমান প্রস্থ পাবে।
• android:stretchColumns="*" TableLayout-এ দিলে সব কলাম অটো-স্ট্রেচ হবে।
• বাস্তব বর্ডার জন্য প্রতিটি TextView-এ android:background="@drawable/cell_border" ব্যবহার করুন (layer-list-এ stroke)।
• বড় ডেটাসেটের জন্য RecyclerView + GridLayoutManager ব্যবহার করুন — TableLayout স্ক্রোলযোগ্য নয়।

ফলাফল

স্ক্রিনে একটি নীল হেডার এবং হালকা নীল সারিগুলো সহ টেবিল দেখাবে। প্রতিটি সেলে প্যাডিং আছে।