কম্পিউটার টিউটোরিয়াল

অ্যান্ড্রয়েড অ্যাপে ভিউর ব্যাকগ্রাউন্ড রঙ সেট করার পদ্ধতি

এই টিউটোরিয়ালে আমরা শিখব কীভাবে XML লেআউটে সরাসরি এবং প্রোগ্রাম্যাটিক্যালি যেকোনো ভিউর (TextView, Button, Layout ইত্যাদি) ব্যাকগ্রাউন্ড রঙ সেট করা যায়।

প্রয়োজনীয় ধাপগুলো

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

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

ধাপ ২: লেআউট ফাইলে ব্যাকগ্রাউন্ড রঙ সেট করুন

res/layout/activity_main.xml ফাইলে নিচের কোড যোগ করুন:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_margin="16dp"
        android:background="#046B5F"
        android:padding="16dp"
        android:text="My View Background color"
        android:textColor="#FFFFFF" />
</RelativeLayout>

ধাপ ৩: মেইন এক্টিভিটি তৈরি করুন

src/MainActivity.java ফাইলে নিচের কোড যোগ করুন:

package app.com.sample;

import androidx.appcompat.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);
    }
}

ধাপ ৪: ম্যানিফেস্ট কনফিগার করুন

AndroidManifest.xml ফাইল:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
    package="app.com.sample">
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>

প্রোগ্রাম্যাটিক্যালি ব্যাকগ্রাউন্ড রঙ সেট করা

১. সলিড রঙ (Color Int)

View view = findViewById(R.id.myView);
view.setBackgroundColor(Color.parseColor("#046B5F"));
// অথবা
view.setBackgroundColor(ContextCompat.getColor(this, R.color.teal));
// অথবা (API 23+)
view.setBackgroundColor(getColor(R.color.teal));

২. ড্রয়েবল রিসোর্স

view.setBackgroundResource(R.drawable.my_background);
// অথবা (API 22+)
view.setBackground(getDrawable(R.drawable.my_background));

৩. গ্রেডিয়েন্ট/শেপ ড্রয়েবল (XML-এ সংজ্ঞায়িত)

res/drawable/gradient_bg.xml:

<shape xmlns:android="https://schemas.android.com/apk/res/android">
    <gradient
        android:startColor="#046B5F"
        android:endColor="#004D40"
        android:angle="45" />
    <corners android:radius="8dp" />
</shape>

লেআউটে: android:background="@drawable/gradient_bg"

Color রিসোর্স সংজ্ঞায়িত করা

res/values/colors.xml:

<resources>
    <color name="teal">#046B5F</color>
    <color name="teal_dark">#004D40</color>
    <color name="white">#FFFFFF</color>
</resources>

ব্যাকগ্রাউন্ড vs ব্যাকগ্রাউন্ড টিন্ট

  • android:background - পুরো ব্যাকগ্রাউন্ড রিপ্লেস করে (ইমেজ, শেপ, রঙ)
  • android:backgroundTint - শুধু রঙ টিন্ট করে (Material Components ভিউগুলোর জন্য উপযোগী)

XML এ হেক্স কালার ফরম্যাট

ফরম্যাটউদাহরণব্যাখ্যা
#RGB#F00লঘু (১২-বিট)
#ARGB#8F00অ্যালফা সহ লঘু
#RRGGBB#FF0000স্ট্যান্ডার্ড (২৪-বিট)
#AARRGGBB#80FF0000অ্যালফা সহ (৩২-বিট)

সারাংশ

স্ট্যাটিক রঙের জন্য XML-এ android:background ব্যবহার করুন। ডাইনামিক রঙ পরিবর্তনের জন্য Java/Kotlin-এ setBackgroundColor() বা setBackgroundResource() ব্যবহার করুন।

  1. অ্যান্ড্রয়েডে TextView-এ স্প্যান ব্যবহার করে টেক্সটের রঙ পরিবর্তন করার পদ্ধতি

  2. Android-এ View-এর ব্যাকগ্রাউন্ড কালার এনিমেট করার পদ্ধতি

  3. অ্যান্ড্রয়েড ListView-এর রঙ এবং ফন্ট কীভাবে পরিবর্তন করবেন?

  4. HTML-এ ব্যাকগ্রাউন্ড রঙ (Background Color) সেট করা