অ্যান্ড্রয়েডে XML ব্যবহার করে TextView-এ একপাশে বাম বর্ডার কীভাবে যোগ করবেন?

এই উদাহরণটি দেখায় কীভাবে XML ব্যবহার করে অ্যান্ড্রয়েডে TextView-এ একপাশে বাম বর্ডার যোগ করা যায়।

প্রয়োজনীয় ধাপসমূহ

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

Android Studio-তে File → New Project এ যান এবং প্রজেক্ট তৈরি করার জন্য প্রয়োজনীয় তথ্য পূরণ করুন।

ধাপ ২: লেআউট ফাইলে UI ডিজাইন করুন (res/layout/activity_main.xml)

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 
    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"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/text_style"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:text="Hello World!"
            android:textSize="30sp" />

    </LinearLayout>

</android.support.constraint.ConstraintLayout>

উপরের কোডে TextView এবং LinearLayout নেওয়া হয়েছে। LinearLayout-এ background হিসেবে text_style যোগ করা হয়েছে। তাই drawable ফোল্ডারে text_style.xml ফাইল তৈরি করতে হবে।

ধাপ ৩: ড্রয়েবল ফাইল তৈরি করুন (res/drawable/text_style.xml)

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="https://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#FFEB3B"/>
        </shape>
    </item>
    <item android:left="4dp">
        <shape android:shape="rectangle">
            <solid android:color="#FFF"/>
        </shape>
    </item>
</layer-list>

এই layer-list এ দুটি item আছে: প্রথমটি হলো পൂർ.bg (পostałো রঙ), দ্বিতীয়টি হলো 4dp বাম থেকে শুরু হওয়া সাদা রঙ। এর ফলে 4dp প্রস্থের বাম বর্ডার তৈরি হয়।

ধাপ ৪: MainActivity.java (সাধারণ বয়লারপ্লেট)

package com.example.andy.myapplication;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

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

অ্যাপ্লিকেশন চালান

আপনার অ্যান্ড্রয়েড ডিভাইস কম্পিউটারের সাথে সংযুক্ত করুন। Android Studio-তে প্রজেক্টের অ্যাক্টিভিটি ফাইল খুলুন এবং টুলবার থেকে Run আইকনে ক্লিক করুন। আপনার মোবাইল ডিভাইস নির্বাচন করুন এবং আউটপুট দেখুন।

উপরের ফলাফলে TextView-এ একপাশে বাম বর্ডার দেখানো হচ্ছে।