অ্যান্ড্রয়েড View-এ উপরে ও নিচে বর্ডার (Border) যোগ করা

Layer List XML ব্যবহার করে শুধু টপ এবং বটম বর্ডার

এই উদাহরণে দেখানো হয়েছে কিভাবে <layer-list> ড্রয়েবল ব্যবহার করে একটি View-এর শুধু উপরের এবং নিচের সাইডে বর্ডার যোগ করা যায়, বাম ও ডান সাইডে বর্ডার ছাড়া।

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

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

ধাপ ২: ড্রয়েবল রিসোর্স (res/drawable/border_top_bottom.xml)

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="https://schemas.android.com/apk/res/android">
    <!-- পূর্ণ বর্ডার (সর্বোপরি লেয়ার) -->
    <item>
        <shape android:shape="rectangle">
            <stroke
                android:width="2dp"
                android:color="#e10606" />
            <solid android:color="#9bce64" />
        </shape>
    </item>

    <!-- বাম ও ডান সাইডের বর্ডার লুকাতে ইনার আকার (২dp ইনসেট) -->
    <item
        android:top="2dp"
        android:bottom="2dp">
        <shape android:shape="rectangle">
            <stroke
                android:width="2dp"
                android:color="#9bce64" />
            <solid android:color="#9bce64" />
        </shape>
    </item>
</layer-list>

ব্যাখ্যা

• প্রথম <item>: পুরো রেক্ট্যাঙ্গেলে লাল বর্ডার (২dp) এবং সবুজ ব্যাকগ্রাউন্ড।
• দ্বিতীয় <item>: android:top="2dp" এবং android:bottom="2dp" দিয়ে উপরে ও নিচে ২dp ইনসেট দিয়ে, একই রঙের স্ট্রোক দিয়ে বাম-ডানের লাল বর্ডার ঢাকা হয়।
• ফলাফল: শুধু টপ এবং বটমে লাল বর্ডার দেখায়।

ধাপ ৩: লেআউট ব্যবহার (res/layout/top_bottom_border_in_android_view.xml)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="16dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="টপ ও বটম বর্ডার যোগ করা" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:background="@drawable/border_top_bottom"
        android:padding="30dp"
        android:text="TextView-এ টপ-বটম বর্ডার"
        android:textColor="#000000"
        android:textSize="18sp" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:background="@drawable/border_top_bottom"
        android:text="Button-এ টপ-বটম বর্ডার" />

</LinearLayout>

ধাপ ৪: 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.top_bottom_border_in_android_view);
    }
}

ধাপ ৫: strings.xml

<resources>
    <string name="app_name">Android View-এ টপ-বটম বর্ডার</string>
</resources>

ফলাফল

TextView এবং Button-এ শুধু উপরে এবং নিচে লাল বর্ডার দেখাবে, বাম ও ডানে বর্ডার থাকবে না।