Undoing Collapse Toolbar When Clicking on Another Tab

Question

I have an app with three tabs and collapsible app bar. One of the tab fragments is a map so it doesn't close the app bar when I move it up and down, and two other fragments are recyclerview lists. When I scroll them my app bar disappears and appears.

Now I want to enable another thing which is this: When the user has collapsed the app bar on one tab, and he clicks another tab, the app bar should reappear.

I searched, but without success.

I enable collapsing my app bar like this:

<android.support.design.widget.AppBarLayout
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|enterAlways"
        app:popupTheme="@style/AppTheme.PopupOverlay"
        app:tabSelectedTextColor="@color/ppdBurntOrange" />

</android.support.design.widget.AppBarLayout>

My pager adapter:

public class PagerAdapter extends FragmentStatePagerAdapter {
private int mNumOfTabs;

public PagerAdapter(FragmentManager fm, int NumOfTabs) {
    super(fm);
    this.mNumOfTabs = NumOfTabs;
}

@Override
public Fragment getItem(int position) {

    switch (position) {
        case 0:
            return new MapsFragment();
        case 1:
            return new RestauransFragment();
        case 2:
            return new MyRestauransFragment();
        default:
            return null;
    }
}

@Override
public int getCount() {
    return mNumOfTabs;
}

My main activity:

TabLayout tabLayout = findViewById(R.id.sliding_tabs);
tabLayout.addTab(tabLayout.newTab().setText(getString(R.string.tab_one)));
tabLayout.addTab(tabLayout.newTab().setText(getString(R.string.tab_two)));
tabLayout.addTab(tabLayout.newTab().setText(getString(R.string.tab_three)));
tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);
tabLayout.setTabMode(TabLayout.MODE_FIXED);

final ViewPager viewPager = findViewById(R.id.viewpager);
PagerAdapter adapter = new PagerAdapter
            (getSupportFragmentManager(), tabLayout.getTabCount());
viewPager.setAdapter(adapter);
viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));
viewPager.setOffscreenPageLimit(3);
tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
    @Override
    public void onTabSelected(TabLayout.Tab tab) {
        viewPager.setCurrentItem(tab.getPosition());
    }

    @Override
    public void onTabUnselected(TabLayout.Tab tab) {
    }

    @Override
    public void onTabReselected(TabLayout.Tab tab) {
    }
});

set scroll_flags to app bar layout programmatically to prevent from scroll on particular tab selection. — Mohamed Mohaideen AH, Dec 20 '17 at 15:08
@MohamedMohaideenAH Do you have some examples, I am not really familiar with scroll_flags. — Banana, Dec 20 '17 at 15:11
If you are using toolbar look at this answer https://stackoverflow.com/a/30771904/4824088 — Mohamed Mohaideen AH, Dec 20 '17 at 15:12
@MohamedMohaideenAH One more question - is this `params.setScrollFlags(0)` where I undo toolbar collapse, and where should I put it in my code, so it would trigger when I click a different tab — Banana, Dec 20 '17 at 15:52
put it onTabselected() method with position you can handle each page in viewpager. — Mohamed Mohaideen AH, Dec 20 '17 at 16:06
@MohamedMohaideenAH I tried adding this `params.setScrollFlags(0)` in `onTabSelected` already, but it did not work, and I had to make the params final. — Banana, Dec 20 '17 at 16:53

score 0 · Accepted Answer · answered Mar 02 '18 at 21:51

Found a solution here.

I added:

AppBarLayout appBarLayout;
appBarLayout = findViewById(R.id.appBarMainActivity);
...
public void onTabSelected(TabLayout.Tab tab) {
    viewPager.setCurrentItem(tab.getPosition());
    appBarLayout.setExpanded(true);
}

Hope this will help someone.

Undoing Collapse Toolbar When Clicking on Another Tab

1 Answers1