web-dev-qa-db-fra.com

Comment activer le défilement horizontal dans un onglet comme Google Play?

Je fais référence à un grand démo ici concernant la conception des matériaux. Il a des onglets, mais lorsque j'en ajoute trop, les éléments de l'onglet sont écrasés (voir capture d'écran). Comment puis-je le faire défiler horizontalement?

enter image description here

Je crois que ci-dessous est la mise en page que je devrais faire le changement, mais j'ai peigné les documents et n'arrive pas à l'obtenir, aidez-moi!

<Android.support.design.widget.CoordinatorLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:app="http://schemas.Android.com/apk/res-auto"
    Android:id="@+id/main_content"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent">

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

        <Android.support.v7.widget.Toolbar
            Android:id="@+id/toolbar"
            Android:layout_width="match_parent"
            Android:layout_height="?attr/actionBarSize"
            Android:background="?attr/colorPrimary"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            app:layout_scrollFlags="scroll|enterAlways" />

        <Android.support.design.widget.TabLayout
            Android:id="@+id/tabs"
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content" />

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

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

    <Android.support.design.widget.FloatingActionButton
        Android:id="@+id/fab"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_gravity="end|bottom"
        Android:layout_margin="@dimen/fab_margin"
        Android:src="@drawable/ic_done" />

</Android.support.design.widget.CoordinatorLayout>
androidmaterial-designandroid-design-libraryandroid-support-design
35
TruMan1

TabLayout a une méthode setTabMode() qui peut être soit MODE_FIXED (par défaut) ou MODE_SCROLLABLE ce dont vous avez besoin.

Vous pouvez également définir cela en XML avec app:tabMode="scrollable".

107
Lamorak

Vous pouvez ajouter ceci app:tabMode="scrollable" à ton Android.support.design.widget.TabLayout

3
Exel Staderlin

Que recherchez-vous? Les classes SlidingTabLayout et SlidingTabStrip Vous devez copier ces classes à partir du site des développeurs Google, ajouter la disposition des onglets coulissants en xml et définir le viewpager pour la disposition des onglets coulissants en Java. J'espère que cela vous aidera.

0
Sebastian Pakieła