Android-এ Snackbar ইন্টিগ্রেশন পদ্ধতি

Snackbar কী?

Snackbar হলো Toast-এর মতো একটি UI কম্পোনেন্ট, কিন্তু এটি ব্যবহারকারীর সাথে ইন্টারঅ্যাকশন করার সুযোগ দেয়। এটি স্ক্রিনের নিচে বার্তা দেখায় এবং নির্দিষ্ট সময় পর নিজে থেকে গায়েব হয়ে যায়।

পদক্ষেপ ১: নতুন প্রজেক্ট তৈরি করুন

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

পদক্ষেপ ২: build.gradle-এ ডিজাইন সাপোর্ট লাইব্রেরি যোগ করুন

apply plugin: 'com.android.application'

android {
    compileSdkVersion 28
    defaultConfig {
        applicationId "com.example.andy.myapplication"
        minSdkVersion 19
        targetSdkVersion 28
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'com.android.support:appcompat-v7:28.0.0'
    implementation 'com.android.support:design:28.0.0'
    implementation 'com.android.support.constraint:constraint-layout:1.1.3'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}

নোট: আধুনিক প্রজেক্টে AndroidX ব্যবহার করুন: implementation 'com.google.android.material:material:1.11.0'

পদক্ষেপ ৩: res/layout/activity_main.xml-এ কোড যোগ করুন

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="https://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:id="@+id/layout"
    android:layout_height="match_parent">
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="Click here" />
</android.support.design.widget.CoordinatorLayout>

Snackbar-এর জন্য পেরেন্ট ভিউ (CoordinatorLayout) এর ID থাকা জরুরি। বাটনে ক্লিক করলে Snackbar স্ক্রিনের নিচে দেখাবে।

পদক্ষেপ ৪: src/MainActivity.java-এ কোড যোগ করুন

import android.annotation.TargetApi;
import android.content.Intent;
import android.graphics.Color;
import android.net.Uri;
import android.os.Build;
import android.os.Bundle;
import android.support.design.widget.CoordinatorLayout;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    CoordinatorLayout coordinatorLayout;

    @TargetApi(Build.VERSION_CODES.O)
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        coordinatorLayout = findViewById(R.id.layout);
        Button button = findViewById(R.id.button);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Snackbar snackbar = Snackbar
                        .make(coordinatorLayout, "Welcome to tutorialspoint.com", Snackbar.LENGTH_LONG)
                        .setAction("Click", new View.OnClickListener() {
                            @Override
                            public void onClick(View view) {
                                String url = "https://www.tutorialspoint.com";
                                Intent i = new Intent(Intent.ACTION_VIEW);
                                i.setData(Uri.parse(url));
                                startActivity(i);
                            }
                        });
                // মেসেজ টেক্সট রঙ পরিবর্তন
                snackbar.setActionTextColor(Color.RED);
                // একশন বাটন টেক্সট রঙ পরিবর্তন
                View sbView = snackbar.getView();
                TextView textView = (TextView) sbView.findViewById(
                        android.support.design.R.id.snackbar_text);
                textView.setTextColor(Color.YELLOW);
                snackbar.show();
            }
        });
    }
}

কোড ব্যাখ্যা

বাটনে ক্লিক করলে Snackbar তৈরি হয়ে "Welcome to tutorialspoint.com" মেসেজ দেখাবে। "Click" বাটনে চাপলে tutorialspoint.com ওয়েবসাইট ব্রাউজারে খুলবে।

পদক্ষেপ ৫: AndroidManifest.xml-এ ইন্টারনেট পারমিশন যোগ করুন

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
    package="com.example.andy.myapplication">
    <uses-permission android:name="android.permission.INTERNET" />
    <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>

ফলাফল

অ্যাপ চালু করলে ডিফল্ট স্ক্রিন দেখাবে। বাটনে ক্লিক করলে Snackbar মেসেজ দেখাবে। "Click" বাটনে চাপলে ব্রাউজারে tutorialspoint.com খুলবে।

সারসংক্ষেপ

• Snackbar-এর জন্য CoordinatorLayout পেরেন্ট হিসেবে ব্যবহার করুন।
• Snackbar.make() দিয়ে তৈরি করুন, setAction() দিয়ে অ্যাকশন যোগ করুন।
• রঙ কাস্টমাইজ করতে setActionTextColor() এবং snackbar.getView() ব্যবহার করুন।