Android TabLayout prevent activation of tabs adjacent to selected

2018-07-12 00:54 William Jockusch imported from Stackoverflow

I have a tab-based app. I am using A TabLayout for my tabs and a subclass of FragmentStatePagerAdapter to instantiate the fragment for the selected tab. I have disabled swiping between tabs. I am still seeing a callback to create a fragment for tabs adjacent to the selected tab. In other words, if the tab at index 0 is activated, I also see a callback to GetItem for the tab at index 1.

I want to disable that behaviour. In other words, it should only request a fragment for the active tab. Is that possible?

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/root">
    <android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabPaddingStart="0dp"
        app:tabPaddingEnd="0dp"
        app:tabPaddingTop="0dp"
        app:tabMode="fixed"
        app:tabGravity="fill" />
    <jockusch.calculator.droid.AndroidViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

2 answers

answered 2018-07-12 01:09 RoyalGriffin
```
viewPager.setOffscreenPageLimit(0)
```
is what you are looking for. But a ViewPager doesn't allow offscreen limit less than 1.

source

Use something else than a viewPager to get your desired effect. One way of doing it without viewPager would be to have a frameLayout instead and inflate a new fragment and destroy the previous one when a tab is selected.
answered 2018-07-12 01:12 Jackey
The reason this is happening is due to you using a ViewPager.

ViewPager, by default, will auto-create the adjacent Fragments because this allows the user to swipe to them whenever they wish. Creating them only when they're ready to swipe might cause lag or some unpleasant visual effects.

ViewPager has a method called setOffscreenPageLimit(int limit) which can limit the amount of adjacent it keeps in memory, however I believe it's not possible to decrease it to 0 due to ViewPager's innate behavior.

If you've already disabled swiping between tabs, then it sounds like what you want isn't a ViewPager. Consider just using FragmentTransactions to replace the active Fragment.

See also questions close to this topic

What is best way for syncing files from local computer to Android mobile and vice versa when no internet connection?

I have developed a project in which i am doing import and export functionality using usb. The scenario is that local machine send me some commands and i read that commmand and accordingly folders are created in mobile. but sometimes it crashes and also according to observation among 100 mobiles it works in 97 but stop in 3 mobiles and i am not getting exact error. so is there any other way for syncing when both are offline
How to split an existing SurfaceView to many?

I have a SurfaceView which includes many peoples' face streamings

Now i want to split the SurfaceView to six different SurfaceViews. EveryOne should inclues only one people face streaming.

So,the question is how to split or clone a SurfaceView ? thank u
How is app login implemented by apps like facebook and amazon?

I am creating an Android app. For login and sign up, I am thinking to create a web service in python flask. When the user logs in his user Id will be returned by the service which he can use for retrieving data from the server.
I want to know how is this functionality implemented in apps like Facebook and Amazon keeping security in mind.

Thanks

How to set Gravity in Xamarin android programmatically

I want to place a linear layout at the centre.If I give padding the layout is moving, but if I set gravity as centre its not.Can I know why this happens and how to implement gravity.

I have attached the code I have used.

LinearLayout outerView = new LinearLayout(context);
outerView.LayoutParameters = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MatchParent, ViewGroup.LayoutParams.MatchParent);
outerView.Orientation = Android.Widget.Orientation.Vertical;
//outerView.setGravity(GravityFlags.Center);
outerView.SetPadding(70,10,10,10);

Find actual size of NamedSize value

How do I look up the pixel value of a NamedSize value?

I want to set the font size on a TimePicker but doing it on the control in XML has no effect.

To set the font size in a renderer I need to know the pixel size of Small so that the font's size is consistent with my other form elements that work correctly.

Why Geolocation is getting a wrong TimeStamp - Xamarin

I´m having a problem using the plugin "Xam.Plugin.Geolocator 4.5.0.6" i get all the info that i want but the time stamp that it prints is like 6 days ago and i really don´t now why. See down here:

This is the code for output:

private async void PositionChanged(object sender, PositionEventArgs e)
{
    (here i got other stuff but not related to this just some json that i will use later)

        // output de teste------------------------
        var positions = e.Position;
        var output = "Full: Lat: " + positions.Latitude.ToString() + " Long: " + positions.Longitude.ToString();
        output += "\n" + $"Time: {positions.Timestamp.ToUnixTimeMilliseconds().ToString()}";//atenção este add hora foi para retornar a hora de Portugal UTC +01:00
        output += "\n" + $"Heading: {positions.Heading}";
        output += "\n" + $"Speed: {positions.Speed}";
        output += "\n" + $"Accuracy: {positions.Accuracy}";
        output += "\n" + $"Altitude: {positions.Altitude}";
        output += "\n" + $"Altitude Accuracy: {positions.AltitudeAccuracy}";
        Debug.WriteLine(output);
    }
}

And this is the one that start the event above showed:

public async Task StartLocAsync()
{

    if (CrossGeolocator.Current.IsListening)
        return;

    await CrossGeolocator.Current.StartListeningAsync(TimeSpan.FromSeconds(5), 10, true);

    CrossGeolocator.Current.PositionChanged += PositionChanged;
    CrossGeolocator.Current.PositionError += PositionError;
}

And this is the output:

09-18 13:15:42.052 D/Mono (32302): Found as 'java_interop_jnienv_is_assignable_from'. 09-18 13:15:42.178 I/Choreographer(32302): Skipped 35 frames! The application may be doing too much work on its main thread. [0:] Full: Lat: 25.422 Long: -170.084 Time: 1536750935000 Heading: 0 Speed: 0 Accuracy: 20 Altitude: 0 Altitude Accuracy: 0 [0:] Full: Lat: 25.422 Long: -170.084 Time: 1536750935000 Heading: 0 Speed: 0 Accuracy: 20 Altitude: 0 Altitude Accuracy: 0 Thread finished: #5

The time in the output is in unix, but when convert to the normal format date it display the day 12 instead of the day 18 that is today.

Thanks any help.

ViewPager not appearing for TabActivity when used to inflate a fragment

as the title says. I have a Navigation activity and there I inflate it with a TabbedActivity pre-made from android gallery. The Tab menu appears but the ViewPage the should contain another fragment doesn't. How do I make it appear ?

NavActivity picture

Nav XML:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".AdminHome">
<android.support.design.widget.BottomNavigationView
    android:id="@+id/main_nav"
    android:layout_width="match_parent"
    android:layout_height="56dp"
    android:layout_alignParentBottom="true"
    android:layout_alignParentStart="true"
    android:background="@drawable/bgdw1"
    android:elevation="16dp"
    app:itemIconTint="@color/color"
    app:itemTextColor="@color/color"
    app:menu="@menu/nav_items">
</android.support.design.widget.BottomNavigationView>

<FrameLayout
    android:id="@+id/main_frame"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentStart="true"
    android:layout_above="@id/main_nav"
    android:layout_alignParentTop="true"
    >
</FrameLayout>

NavJava:

public class AdminHome extends AppCompatActivity {

private BottomNavigationView mMainNav;
private FrameLayout mMainFrame;
private AdminHomeFragment homeFragment;
private AccountFragment userFragment;
private RoomFragment roomFragment;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_admin_home);

    mMainFrame = (FrameLayout) findViewById(R.id.main_frame);
    mMainNav = (BottomNavigationView) findViewById(R.id.main_nav);

    homeFragment = new AdminHomeFragment();
    userFragment = new AccountFragment();
    roomFragment = new RoomFragment();

    setFragment(homeFragment);

    mMainNav.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {
            switch (item.getItemId()){

                case R.id.nav_home:
                    setFragment(homeFragment);
                    return true;
                case R.id.nav_rooms:
                    setFragment(roomFragment);
                    return true;
                case R.id.nav_account:
                    setFragment(userFragment);
                    return true;
                default: return false;
            }
        }
    });
}
private void setFragment(android.support.v4.app.Fragment fragment) {
    FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
    fragmentTransaction.replace(R.id.main_frame, fragment);
    fragmentTransaction.commit();
}}

TabActivity picture

TabActivity xml:

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context=".AdminHomeTabs">

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:elevation="15dp"
    android:paddingTop="0dp"
    android:theme="@style/AppTheme.PopupOverlay">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:layout_weight="1"
        android:background="@drawable/bgup1"
        app:layout_scrollFlags="scroll|enterAlways"
        app:popupTheme="@style/AppTheme.PopupOverlay">
        <TextView
            android:id="@+id/toolbar_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:fontFamily="casual"
            android:text="Home"
            android:textColor="@color/DirtyWhite"
            android:textSize="24sp"
            android:textStyle="bold" />
    </android.support.v7.widget.Toolbar>

    <android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/bgup2"
        app:tabSelectedTextColor="@color/colorAccent"
        app:tabTextColor="@color/DirtyWhite">

        <android.support.design.widget.TabItem
            android:id="@+id/tabItem"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/tab_text_1" />

        <android.support.design.widget.TabItem
            android:id="@+id/tabItem2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/tab_text_2" />

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

<android.support.v4.view.ViewPager
    android:id="@+id/homenav"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

TabActivity Java:

public class AdminHomeTabs extends AppCompatActivity {

/**
 * The {@link android.support.v4.view.PagerAdapter} that will provide
 * fragments for each of the sections. We use a
 * {@link FragmentPagerAdapter} derivative, which will keep every
 * loaded fragment in memory. If this becomes too memory intensive, it
 * may be best to switch to a
 * {@link android.support.v4.app.FragmentStatePagerAdapter}.
 */
private SectionsPagerAdapter mSectionsPagerAdapter;

/**
 * The {@link ViewPager} that will host the section contents.
 */
private ViewPager mViewPager;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_admin_home_tabs);

    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
    getSupportActionBar().setDisplayShowTitleEnabled(false);
    // Create the adapter that will return a fragment for each of the three
    // primary sections of the activity.
    mSectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager());

    // Set up the ViewPager with the sections adapter.
    mViewPager = (ViewPager) findViewById(R.id.homenav);

    mViewPager.setAdapter(mSectionsPagerAdapter);

    TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs);

    mViewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));
    tabLayout.addOnTabSelectedListener(new TabLayout.ViewPagerOnTabSelectedListener(mViewPager));
    //tabLayout.setupWithViewPager(mViewPager);

}


@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    //getMenuInflater().inflate(R.menu.menu_admin_home_tabs, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    // Handle action bar item clicks here. The action bar will
    // automatically handle clicks on the Home/Up button, so long
    // as you specify a parent activity in AndroidManifest.xml.
    int id = item.getItemId();

    //noinspection SimplifiableIfStatement
    if (id == R.id.action_settings) {
        return true;
    }

    return super.onOptionsItemSelected(item);
}

/**
 * A placeholder fragment containing a simple view.
 */
public static class PlaceholderFragment extends Fragment {
    /**
     * The fragment argument representing the section number for this
     * fragment.
     */
    private static final String ARG_SECTION_NUMBER = "section_number";

    public PlaceholderFragment() {
    }

    /**
     * Returns a new instance of this fragment for the given section
     * number.
     */
    public static PlaceholderFragment newInstance(int sectionNumber) {
        PlaceholderFragment fragment = new PlaceholderFragment();
        Bundle args = new Bundle();
        args.putInt(ARG_SECTION_NUMBER, sectionNumber);
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.fragment_admin_home_tabs, container, false);
        TextView textView = (TextView) rootView.findViewById(R.id.section_label);
        textView.setText(getString(R.string.section_format, getArguments().getInt(ARG_SECTION_NUMBER)));
        return rootView;
    }
}

/**
 * A {@link FragmentPagerAdapter} that returns a fragment corresponding to
 * one of the sections/tabs/pages.
 */
public class SectionsPagerAdapter extends FragmentPagerAdapter {

    public SectionsPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {
        Fragment fragment = null;
        switch (position)
        {
            case 0:
                fragment = new AdminHomeTabsDash();
                break;
            case 1:
                fragment = new AdminHomeTabsNotif();
                break;
        }
        return fragment;
        // getItem is called to instantiate the fragment for the given page.
        // Return a PlaceholderFragment (defined as a static inner class below).
        //return PlaceholderFragment.newInstance(position + 1);
    }

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

}

AdminHomeFragment Java:

public class AdminHomeFragment extends Fragment {

public AdminHomeFragment() {
    // Required empty public constructor
}
@Nullable
@Override
public View onCreateView(LayoutInflater inflater,@Nullable ViewGroup container,
                         @Nullable Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    return inflater.inflate(R.layout.activity_admin_home_tabs, container, false);
}}

Android Tablayout for viewpager with dynamic height in appbarlayout

i want to make a tablayout for viewpager like instagram explore page (search tab); when recyclerview is scrolling the height of tablayout change with snap scroll mode; but when i Track recyclerview scroll and change the height of tablayout based on dy the recyclerview has some lag and until the app bar layout not collapsed dy of recyclerview is 0 and i cannot change the height of tablayout; code for tablayout custom tab is :

<android.support.v7.widget.CardView
    android:id="@+id/cv_image_wrapper"
    android:layout_width="80dp"
    android:layout_height="match_parent"
    app:cardCornerRadius="10dp">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.v7.widget.AppCompatImageView
            android:id="@+id/img_tab_icon"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_centerInParent="true"
            android:adjustViewBounds="true"
            android:scaleType="center" />
        <android.support.v7.widget.AppCompatTextView
            android:id="@+id/txt_tab_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:fontFamily="@font/iran_sans"
            android:maxLines="1"
            android:textColor="@color/colorAccent"
            android:textSize="16sp"
            app:fontFamily="@font/iran_sans"
            tools:text="@string/sample" />


    </RelativeLayout>
</android.support.v7.widget.CardView>

code for appbarlayout:

<android.support.design.widget.AppBarLayout
android:id="@+id/appBarLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingBottom="@dimen/small_margin"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
>

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/toolbar_height"

    android:contentInsetLeft="@dimen/standard_margin"
    android:contentInsetStart="@dimen/standard_margin"
    app:contentInsetLeft="@dimen/standard_margin"
    app:contentInsetStart="@dimen/standard_margin"
    android:contentInsetRight="@dimen/standard_margin"
    android:contentInsetEnd="@dimen/standard_margin"
    app:contentInsetRight="@dimen/standard_margin"
    app:contentInsetEnd="@dimen/standard_margin"
    app:layout_scrollFlags="scroll|enterAlways"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <android.support.v7.widget.AppCompatEditText
            android:id="@+id/et_search_term"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/search_box_bg"
            android:drawableRight="@drawable/ic_action_search_icon"
            android:hint="@string/search"
            android:imeOptions="actionSearch"
            android:inputType="text"
            android:maxLines="1"
            android:paddingLeft="@dimen/half_margin"
            android:paddingRight="@dimen/half_margin"
            android:textSize="@dimen/normal_font_size"
            />
    </LinearLayout>
</android.support.v7.widget.Toolbar>

<android.support.design.widget.TabLayout
    android:id="@+id/tl_explore_pages"
    android:layout_width="match_parent"
    android:layout_height="@dimen/explore_tab_layout_height"
    android:hapticFeedbackEnabled="true"
    app:tabGravity="center"
    app:tabIndicatorHeight="1dp"
    app:tabPaddingBottom="@dimen/small_margin"
    app:tabPaddingEnd="@dimen/standard_margin"
    app:tabPaddingStart="@dimen/standard_margin"
    app:tabPaddingTop="-1dp"
    app:tabMaxWidth="0dp"
    app:tabMode="scrollable"
    app:tabSelectedTextColor="@color/colorAccent"
    app:tabTextColor="@android:color/white"
    app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget"
    />

code for changing height of tablayout:

@Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) tlExplorePage.getLayoutParams();

            int defaultHeight = getResources().getDimensionPixelSize(R.dimen.explore_tab_layout_height);
            int oldHeight = params.height;
            int newHeight = defaultHeight;
            if (dy > 0 && params.height >= defaultHeight / 2) {
                int height = params.height - (Math.abs(dy));
                params.height = height < defaultHeight / 2 ? defaultHeight / 2 : height;
                newHeight = height < defaultHeight / 2 ? defaultHeight / 2 : height;
            } else if (dy < 0 && params.height <= defaultHeight) {
                int height = params.height + Math.abs(dy);
                params.height = height > defaultHeight ? defaultHeight : height;
                newHeight = height > defaultHeight ? defaultHeight : height;
            }
             tlExplorePage.setLayoutParams(params);
        }

code for snapp mode:

@Override
        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
            super.onScrollStateChanged(recyclerView, newState);
            if (newState == RecyclerView.SCROLL_STATE_IDLE) {
                LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) tlExplorePage.getLayoutParams();
                int defaultHeight = getResources().getDimensionPixelSize(R.dimen.toolbar_height);
                appBarLayout.setExpanded((appBarLayout.getHeight() - appBarLayout.getBottom()) == 0, true);
            }
        }

i inject the scroll listener coded inside the explore page for recyclerview in viewpager when page changed

also when i set scrollflags to snapp the lag of recyclerview is very big becuase that i created snap mode manualy when scroll is finished; how can i change this code to work exactly like instagram?

TabLayout in Navigation Drawer is overlapping the Tolbar

I have used Navigation Drawer activity and implemented TabLayout but when application runs the toolbar is not visible only the tablayout in place of toolbar. But in preview pane toolbar is visible this happens when I run this app on a device. Help me out please

This is app_bar_main.xml

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/colorToolbar"
        app:popupTheme="@style/AppTheme.PopupOverlay"
        app:contentInsetLeft="0dp"
        app:contentInsetStart="0dp"
        app:contentInsetStartWithNavigation="0dp"
        >

        <ImageView
            android:layout_width="@dimen/_40sdp"
            android:layout_height="match_parent"
            android:src="@drawable/logo_shopline"
            />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="ShopLine"
            android:gravity="center"
            android:textSize="@dimen/_18sdp"
            android:textColor="@color/colorShopLineText"
            android:paddingLeft="@dimen/_2sdp"
            />

    </android.support.v7.widget.Toolbar>


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

<include layout="@layout/content_main" />

Here is content_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context=".MainActivity"
tools:showIn="@layout/app_bar_main">

<android.support.design.widget.AppBarLayout
    android:id="@+id/appBarLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="@dimen/custom_tab_layout_height"
        app:tabMode="fixed"
        app:tabGravity="fill"
        />
</android.support.design.widget.AppBarLayout>

<android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_below="@id/appBarLayout"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"  />

Related questions

Android TabLayout prevent activation of tabs adjacent to selected

2 answers

See also questions close to this topic