অ্যান্ড্রয়েডে কাস্টম অ্যাকশনবার কীভাবে তৈরি করবেন?

উদাহরণে আসার আগে আমাদের জেনে নেওয়া উচিত অ্যান্ড্রয়েডে অ্যাকশন বার কী। অ্যানড্রয়েডের হেডারের মতো অ্যাকশন বার। হয় আমরা সমস্ত স্ক্রিনের জন্য একই অ্যাকশন বার ব্যবহার করতে পারি বা আমরা নির্দিষ্ট কার্যকলাপের জন্য অ্যাকশন বার পরিবর্তন করতে পারি।

এই উদাহরণটি দেখায় কিভাবে অ্যান্ড্রয়েডে একটি কাস্টম অ্যাকশন বার তৈরি করতে হয়।

ধাপ 1 − অ্যান্ড্রয়েড স্টুডিওতে একটি নতুন প্রকল্প তৈরি করুন, ফাইল ⇒ নতুন প্রকল্পে যান এবং একটি নতুন প্রকল্প তৈরি করতে সমস্ত প্রয়োজনীয় বিবরণ পূরণ করুন৷

ধাপ 2 − res/layout/activity_main.xml-এ নিম্নলিখিত কোড যোগ করুন।

<?xml version = "1.0" encoding = "utf-8"?>
<LinearLayout 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 = "wrap_content"
      android:layout_height = "wrap_content"
      android:text = "Custom Action Bar"
      android:textSize = "20sp"/>
</LinearLayout>

ধাপ 2 − src/MainActivity.java

import android.os.Bundle;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      this.getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
      getSupportActionBar().setDisplayShowCustomEnabled(true);
      getSupportActionBar().setCustomView(R.layout.custom_action_bar);
      //getSupportActionBar().setElevation(0);
      View view = getSupportActionBar().getCustomView();
      TextView name = view.findViewById(R.id.name);
      name.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View v) {
            Toast.makeText(MainActivity.this, "You have clicked tittle", Toast.LENGTH_LONG).show();
         }
      });
   }
}

ধাপ 3 - নিচে দেখানো custom_action_bar.xml হিসাবে res ফোল্ডারে অ্যাকশন বারের জন্য একটি লেআউট তৈরি করুন

<?xml version = "1.0" encoding = "utf-8"?>
<LinearLayout xmlns:android = "https://schemas.android.com/apk/res/android"
   xmlns:app = "https://schemas.android.com/apk/res-auto"
   android:layout_width = "match_parent"
   android:layout_height = "wrap_content"
   android:gravity = "center_vertical"
   android:padding = "10dp"
   android:weightSum = "1">
   <LinearLayout
      android:layout_width = "0dp"
      android:layout_height = "match_parent"
      android:layout_weight = "0.6">
      <ImageView
         android:layout_width = "wrap_content"
         android:layout_height = "match_parent"
         android:src = "@drawable/ic_face_red_400_24dp" />
      <TextView
         android:id = "@+id/name"
         android:layout_width = "match_parent"
         android:layout_height = "wrap_content"
         android:layout_marginLeft = "10dp"
         android:text = "Instagram"
         android:textSize = "20sp"
         android:textColor = "#000"
         android:textStyle = "bold"
         app:fontFamily = "@font/allan_bold" />
   </LinearLayout>
   <LinearLayout
      android:layout_width = "0dp"
      android:layout_height = "match_parent"
      android:layout_marginRight = "10dp"
      android:layout_weight = "0.4"
      android:gravity = "end">
   <ImageView
      android:layout_width = "wrap_content"
      android:layout_height = "match_parent"
      android:src = "@drawable/ic_local_post_office_red_400_24dp" />
   <ImageView
      android:layout_width = "wrap_content"
      android:layout_height = "match_parent"
      android:layout_marginLeft = "20dp"
      android:src = "@drawable/ic_send_red_400_24dp" />
   </LinearLayout>
</LinearLayout>

দ্রষ্টব্য − প্রকল্প/অ্যাপ্লিকেশন স্পেসিফিকেশন অনুযায়ী আমাদের কাস্টম লেআউট পরিবর্তন করতে হবে।

আপনার অ্যাপ্লিকেশন চালানোর চেষ্টা করা যাক. আমি ধরে নিচ্ছি আপনি আপনার কম্পিউটারের সাথে আপনার আসল অ্যান্ড্রয়েড মোবাইল ডিভাইসটি সংযুক্ত করেছেন৷ অ্যান্ড্রয়েড স্টুডিও থেকে অ্যাপটি চালানোর জন্য, আপনার প্রোজেক্টের অ্যাক্টিভিটি ফাইলগুলির একটি খুলুন এবং রান এ ক্লিক করুন টুলবার থেকে আইকন। একটি বিকল্প হিসাবে আপনার মোবাইল ডিভাইসটি নির্বাচন করুন এবং তারপরে আপনার মোবাইল ডিভাইসটি পরীক্ষা করুন যা আপনার ডিফল্ট স্ক্রীন প্রদর্শন করবে৷

অ্যাকশন বার বোতাম শ্যাডো অপসারণ করতে নিচের মতো মেইনঅ্যাক্টিভিটিতে onCreate() এ নিম্নলিখিত কোড ব্যবহার করুন

this.getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
getSupportActionBar().setDisplayShowCustomEnabled(true);
getSupportActionBar().setCustomView(R.layout.custom_action_bar);
getSupportActionBar().setElevation(0);
View view = getSupportActionBar().getCustomView();

এখন আপনার অ্যাপ্লিকেশনটি চালান, এটি নীচে দেখানো হিসাবে আউটপুট দেবে -