কিভাবে Android App-এ Bottom Navigation Bar যুক্ত করবেন | Android Studio Java Bangla Tutorial

প্রথমে এই কোডটি activity_main.xml ফাইলে যুক্ত করু।

activity_main.xml

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/BottomNavigationView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        app:menu="@menu/bottom_navigation_menu"
        app:labelVisibilityMode="labeled"
        app:itemIconTint="#1F5DEB"
        app:itemTextColor="@color/black"
        android:background="@color/white"
        android:padding="0dp"/>

এরপর res>New>Android Resource Directory এখান থেকে একটি মেনু ফোল্ডার তৈরী করুন। এরপর মেনু ফোল্ডারে একটি একটি Menu Resource File তৈরী করুন। এরপর এই মেনু কোড টা এড করুন

Menu Code

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/navigation_home"
        android:icon="@drawable/home_icon_selector"
        android:title="Home" />

    <item
        android:id="@+id/navigation_tranding"
        android:icon="@drawable/tranding_icon_selector"
        android:title="Tranding" />
    <item
        android:id="@+id/navigation_search"
        android:icon="@drawable/search_icon_selector"
        android:title="Search" />

    <item
        android:id="@+id/navigation_upcoming"
        android:icon="@drawable/upcoming_icon_selector"
        android:title="Upcoming" />

    <item
        android:id="@+id/navigation_me"
        android:icon="@drawable/user_icon_selector"
        android:title="Me" />
</menu>

এবার আইকন গুলো এড করুন আর আইকন এর ক্ষেতে এখানে আমি selector ব্যবহার করেছে। তাই একটি আইকন বর্ডার আইকন নিবেন আর একটা ফিল আইকন নিবেন। এরপর আইকন এর জন্য একটি selector.xml ফাইল বানাতে হবে। এখানে selector.xml এর কোড দেওয়া হলো

selector.xml Code

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/home_icon_fill" android:state_checked="true"/>
    <item android:drawable="@drawable/home_icon" android:state_checked="false"/>

</selector>

নোটঃ আইক এর নাম চাইলে এইভাবে দিতে পারেন

• home_icon.xml
• home_icon_fill.xml
• home_icon_selector.xml

এবার দেখুন Bottom Navigation Bar এর নিচে একটা স্পেস বা পেডিং দেওয়া আছে এই পেডিং টা রিমুভ করার জন্য MainActivity.java তে এই কোড গুলো এড করুন।

MainActivity.java Code

BottomNavigationView BottomNavigationView;
BottomNavigationView=findViewById(R.id.BottomNavigationView);
BottomNavigationView.setOnApplyWindowInsetsListener(null);

ক্লিক করলে পেইজ চেঞ্জ হবে বা কি একটিভিটি হবে তার জাভা কোড

Click Activity Code

BottomNavigationView.setOnItemSelectedListener(new NavigationBarView.OnItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem menuItem) {

                if (menuItem.getItemId()==R.id.navigation_home){

                    FragmentManager fManager = getSupportFragmentManager();
                    FragmentTransaction fragmentTransaction = fManager.beginTransaction();
                    fragmentTransaction.add(R.id.frameLayout, new HomeFragment());
                    fragmentTransaction.commit();

                } else if (menuItem.getItemId()==R.id.navigation_tranding) {

                    FragmentManager fManager = getSupportFragmentManager();
                    FragmentTransaction fragmentTransaction = fManager.beginTransaction();
                    fragmentTransaction.add(R.id.frameLayout, new TrandingFragment());
                    fragmentTransaction.commit();

                } else if (menuItem.getItemId()==R.id.navigation_search){

                    FragmentManager fManager = getSupportFragmentManager();
                    FragmentTransaction fragmentTransaction = fManager.beginTransaction();
                    fragmentTransaction.add(R.id.frameLayout, new HomeFragment());
                    fragmentTransaction.commit();

                }
                else if (menuItem.getItemId()==R.id.navigation_upcoming){

                    FragmentManager fManager = getSupportFragmentManager();
                    FragmentTransaction fragmentTransaction = fManager.beginTransaction();
                    fragmentTransaction.add(R.id.frameLayout, new TrandingFragment());
                    fragmentTransaction.commit();

                }
                else if (menuItem.getItemId()==R.id.navigation_me){

                    FragmentManager fManager = getSupportFragmentManager();
                    FragmentTransaction fragmentTransaction = fManager.beginTransaction();
                    fragmentTransaction.add(R.id.frameLayout, new HomeFragment());
                    fragmentTransaction.commit();

                }

                return true;
            }
        });