A sample app for Bottom Navigation View with ViewPager in Android
Switch branches/tags
Nothing to show
Clone or download
“jaisonfdo”
“jaisonfdo” readme merged
Latest commit 4e1f72e Oct 25, 2016
Permalink
Failed to load latest commit information.
.idea selector change Oct 25, 2016
app selector change Oct 25, 2016
gradle/wrapper Initial Commit Oct 24, 2016
.gitignore gitignore updated Oct 24, 2016
README.md readme updated Oct 25, 2016
build.gradle Initial Commit Oct 24, 2016
gradle.properties Initial Commit Oct 24, 2016
gradlew Initial Commit Oct 24, 2016
gradlew.bat Initial Commit Oct 24, 2016
settings.gradle Initial Commit Oct 24, 2016

README.md

BottomNavigation

A sample app for Bottom Navigation View with ViewPager ScreenShot

For connecting BottomNavigationView with ViewPager, you need to follow thesesteps

  1. First, you need to create an application with latest Design Support Library(25) to your build.gradle to use BottomNavigationView.

  2. Then add all the necessary resources ( color, drawable’s ) to the resource directory.

  3. Create a view with ViewPager and BottomNavigationView

  4. Create necessary fragments for each tab on the viewpager.

  5. Then setup the viewpager using fragments and viewpager adapter.

  6. Add OnNavigationItemSelectedListener for BottomNavigationView, and override OnNavigationItemSelected method with the relevant action.

  7. Once done with the previous step add OnPageChangeListener to the ViewPager and override the PageSelected method. The magic happens here, the following code selects the relevant item in the BottomNavigationView.

@Override
    public void onPageSelected(int position) {
        if (prevMenuItem != null) {
            prevMenuItem.setChecked(false);
        }
        else
        {
            bottomNavigationView.getMenu().getItem(0).setChecked(false);
        }
       
        bottomNavigationView.getMenu().getItem(position).setChecked(true);
        prevMenuItem = bottomNavigationView.getMenu().getItem(position);
    }
 

For more information, check out my detailed guide here : http://droidmentor.com/bottomnavigationview-with-viewpager-android