在滚动时将 ViewPager 动画化为全屏

Question

我的想法是让我的布局像大多数社交媒体的个人资料页面一样。在我的布局中，我有一个ViewPager，里面有一个listView，它在适配器中膨胀。我怎样才能使这个ViewPager 容器基本上向上“推”我的其余布局？例如，这是我的布局的一部分：

<android.support.design.widget.AppBarLayout
    android:id="@+id/appBarLayout"
    android:layout_width="match_parent"
    android:layout_height="30dp"
    android:background="@color/colorPrimary">

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

        <android.support.design.widget.TabItem
            android:id="@+id/tabItem1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Posts" />

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


<android.support.v4.view.ViewPager
    android:id="@+id/viewPager_container"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_marginEnd="8dp"
    android:layout_marginStart="8dp"
    android:layout_marginTop="8dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/profile_imageView">


</android.support.v4.view.ViewPager>

我想要的只是让ViewPager 容器在向上滚动时膨胀到全屏，然后在向下滚动时恢复正常，就像 Facebook、Instagram、Twitter 在他们的个人资料页面上所做的那样。任何帮助/链接将不胜感激，因为我什至不知道如何解决这个问题。

经过更多的头脑风暴，我想到了将ViewPager 的高度设置为match_parent 的动画。是否有任何动画可以改变ViewPager 的高度以及滚动？

Answer 1

试试这个。它的工作。使用折叠工具栏布局并使标签也可滚动。

       <?xml version="1.0" encoding="utf-8"?>

      <RelativeLayout 
      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="#FAFAFB">

        <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay"
        app:elevation="0dp"
        android:id="@+id/id_toolbar_container"
        android:background="#ffffff">


      <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@android:color/white"
        app:layout_collapseMode="pin"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">
          <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal"
            >
           <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical">

            <ImageView
                android:id="@+id/ivbackarrow"
                android:layout_height="30dp"
                android:layout_width="30dp"
                android:padding="4dp"
                android:src="@mipmap/iconback"
                android:layout_centerVertical="true"

                />

            <ImageView
                android:id="@+id/ivmap"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_toLeftOf="@+id/ivfilter"
                android:padding="5dp"
                android:layout_centerVertical="true"
                android:src="@drawable/iconmap"
                android:layout_marginRight="15dp"
                android:visibility="visible" />
            <ImageView
                android:id="@+id/ivfilter"
                android:layout_width="35dp"
                android:layout_height="35dp"
                android:layout_alignParentRight="true"
                android:padding="5dp"
                android:src="@drawable/iconfilter"
                android:layout_centerVertical="true"

                android:visibility="visible"

                android:layout_marginRight="15dp"/>

        </RelativeLayout>
        </LinearLayout>


    </android.support.v7.widget.Toolbar>
    </android.support.design.widget.AppBarLayout>
    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/main_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/id_toolbar_container">



        <android.support.design.widget.AppBarLayout
            android:id="@+id/id_appbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#ffffff">

        <android.support.design.widget.CollapsingToolbarLayout
        android:layout_width="match_parent"
        android:layout_height="185dp"
        app:layout_scrollFlags="scroll|enterAlways">
      <RelativeLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content">


            <TextView
                android:id="@+id/welcomeText"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Results for"


                android:textSize="14sp"
                android:textAllCaps="true"
                android:letterSpacing="0.05"

                android:layout_centerHorizontal="true"

                android:layout_marginBottom="20dp"
                android:layout_marginTop="30dp"
                android:textColor="@color/colorTitleText"/>
            <me.grantland.widget.AutofitTextView
                android:id="@+id/location"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Egg plant"
                android:layout_below="@+id/welcomeText"
                android:layout_centerVertical="true"
                android:layout_centerHorizontal="true"
                android:layout_gravity="center_horizontal"
                android:gravity="center_horizontal"
                android:textSize="@dimen/verybiglargetextsize"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"

                android:layout_marginBottom="30dp"
                android:textColor="#22262A"/>

         <android.support.design.widget.TabLayout
          android:id="@+id/tabs"
          android:layout_width="match_parent"
          android:layout_height="?attr/actionBarSize"
          app:tabMode="fixed"
          android:layout_below="@+id/location"
          app:layout_scrollFlags="scroll|enterAlways"
          android:layout_marginLeft="30dp"
           android:layout_marginRight="35dp" 
           app:tabIndicatorHeight="0dp"
        app:tabIndicatorColor="#22262A"/>


      </RelativeLayout>
    </android.support.design.widget.CollapsingToolbarLayout>

    </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:background="#FAFAFB"/>
  </android.support.design.widget.CoordinatorLayout>

  </RelativeLayout>