android - CollapsingToolbarLayout 和 ViewPager

Question

我在 CollapsingToolbarLayout 中使用 ViewPager。
问题是，当我滑动未完全展开的 ViewPager 时，工具栏标题会移动到它应该处于完全展开状态的位置(默认情况下到左下角)。然后在折叠标题后完全消失。

这是我的布局的样子:

<?xml version="1.0" encoding="utf-8"?>
<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:layout_above="@+id/button_remember_word">

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

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:contentScrim="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <android.support.v4.view.ViewPager
                android:id="@+id/pager_gallery"
                android:layout_width="match_parent"
                android:layout_height="240dp"/>


            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"/>
        </android.support.design.widget.CollapsingToolbarLayout>

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

    <android.support.v4.widget.NestedScrollView
        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"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <TextView
            android:id="@+id/text_word_description"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/tmp_lorem"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

    </android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>

这是我设置工具栏标题的方式:

  Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
  setSupportActionBar(toolbar);
  mToolbar.setTitle("A title");
  // also tried this way
  CollapsingToolbarLayout collapsingToolbarLayout = 
      (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
      collapsingToolbarLayout.setTitle("Another title");

添加几个屏幕截图:1.正常展开状态

1. 正常折叠状态
   

2. 如果在这种状态下我滑动 ViewPager
   

3. 标题消失
   

感谢任何建议

Answer 1

为您的 viewPager 使用 app:layout_collapseMode="parallax"

<android.support.v4.view.ViewPager
                android:id="@+id/pager_gallery"
                android:layout_width="match_parent"
                app:layout_collapseMode="parallax"
                android:layout_height="240dp"/>