Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android 将ViewPager设置为滚动全屏动画_Android_Android Layout_Android Fragments_Android Viewpager_Android Animation - Fatal编程技术网

Android 将ViewPager设置为滚动全屏动画

Android 将ViewPager设置为滚动全屏动画,android,android-layout,android-fragments,android-viewpager,android-animation,Android,Android Layout,Android Fragments,Android Viewpager,Android Animation,我脑子里有这样的想法,我的布局就像大多数社交媒体的个人资料页面一样。在我的布局中,我有一个ViewPager,里面有一个listView,在适配器中膨胀。我怎样才能使这个ViewPager容器基本上“推动”我布局的其余部分向上?例如,这是我的布局的一部分: <android.support.design.widget.AppBarLayout android:id="@+id/appBarLayout" android:layout_width="match_parent"

我脑子里有这样的想法,我的布局就像大多数社交媒体的个人资料页面一样。在我的布局中,我有一个
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
的高度与父母的高度相匹配。是否有任何动画可以随滚动条一起更改
ViewPager
的高度?

试试这个。它起作用了。使用折叠工具栏布局并使选项卡也可滚动

       <?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>