ViewPager에서 스크롤 할 때 전체 화면으로 애니메이션하기

Question

저는 레이아웃이 내 소셜 미디어의 프로필 페이지처럼 행동 할 수 있도록 내 비전을 가지고 있습니다. 내 레이아웃에는 listView이 들어있는 ViewPager이 있는데, 그 안에 어댑터가 있습니다. 이 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 용기 위쪽으로 스크롤에 따라 전체 화면으로 팽창하고 페이스 북, 인스 타 그램, 트위터처럼 아래로 스크롤에 이전 상태로 돌아가입니다 원하는 모든 할 프로필 페이지에 나는이 문제에 접근하는 방법조차 모르기 때문에 어떤 도움/링크도 크게 감사 할 것입니다.

좀 더 브레인 스토밍을 할 때 의 높이를 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>