Question

我是android材料设计的新手。我正在尝试执行以下操作：我在顶部放置ToolBar，然后在布局底部放置ViewPager和TabLayout。当我将ViewPager滚动到toolbar隐藏但TabLayout未出现在ViewPager上时。 TabLayout将ViewPager向上推，并显示在ViewPager下方。任何人都可以帮我在ViewPager的顶部显示TabLayout。我的布局如下：

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

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

        android:background="@color/turquoise"
        app:layout_scrollFlags="scroll|enterAlways"

        >

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

            <ImageView
                android:id="@+id/imv_drop_down"
                android:layout_width="50dp"
                android:layout_height="match_parent"
                android:layout_alignParentLeft="true"
                android:layout_marginLeft="10dp"
                android:src="@drawable/test" />

            <TextView

                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_marginLeft="10dp"
                android:layout_toRightOf="@+id/imv_drop_down"
                android:gravity="center"
                android:text="Text"
                android:textColor="#ffffff"

                android:textSize="@dimen/common_btn_text" />

            <ImageView
                android:id="@+id/imv_search"
                android:layout_width="50dp"
                android:layout_height="match_parent"
                android:layout_alignParentRight="true"
                android:layout_marginLeft="10dp"
                android:src="@drawable/test" />

            <ImageView
                android:id="@+id/imv_notify"
                android:layout_width="50dp"
                android:layout_height="match_parent"
                android:layout_marginLeft="10dp"
                android:layout_toLeftOf="@+id/imv_search"
                android:src="@drawable/test" />
        </RelativeLayout>
    </android.support.v7.widget.Toolbar>


    <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.AppBarLayout>

<android.support.design.widget.TabLayout
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    app:layout_scrollFlags="scroll|enterAlways"
    app:tabBackground="@drawable/tab_color"

    app:tabGravity="fill"
    app:tabMode="fixed" />
</android.support.design.widget.CoordinatorLayout>

Answer 1

这应该解决它。

从AppBarLayout中取出android.support.v4.view.ViewPager。
从toolbarLayout的layout_scrollFlags中删除scroll。

所以不是这样：app:layout_scrollFlags="scroll|enterAlways"，确保你有这样的事情： app:layout_scrollFlags="enterAlways"

如何在android中滚动时在viewPager底部显示tabLayout？

1 个答案: