版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u012246458/article/details/85060170
说明:
安卓提供了顶部伸缩特效,适用于RecyclerView和NestedScrollView,使用方法非常简单和傻瓜式。
使用:
使用方法比较简单,在外部套用固定代码即可。
1、外部主要代码是CoordinatorLayout。
2、头部伸缩代码:AppBarLayout、以及CollapsingToolbarLayout。
3、内容代码:一定要使用RecyclerView,或者NestedScrollView。在外部也可以条用ViewPager等组件。
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">
<!--顶部抽拉-->
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fitsSystemWindows="true">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fitsSystemWindows="true"
app:layout_scrollFlags="scroll|exitUntilCollapsed|snap">
<!--抽拉的内容-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.7">
</LinearLayout>
</android.support.design.widget.CollapsingToolbarLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<RelativeLayout
android:id="@+id/rl_top_column"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/white"
android:padding="10dp">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_all"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/bg_status_check"
android:text="全部"
android:textColor="@color/font_333333"
android:textSize="12sp" />
<TextView
android:id="@+id/tv_bendi"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:background="@drawable/bg_status_normal"
android:text="本地"
android:textColor="@color/font_333333"
android:textSize="12sp" />
</LinearLayout>
<ImageView
android:id="@+id/iv_theme"
android:layout_width="16dp"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:adjustViewBounds="true"
android:src="@drawable/ic_screen" />
</RelativeLayout>
<View
android:layout_width="match_parent"
android:layout_height="0.1dp"
android:background="@color/app_f8e71c" />
</LinearLayout>
</android.support.design.widget.AppBarLayout>
<!--内容-->
<android.support.v7.widget.RecyclerView
android:id="@+id/rec_column"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="20dp"
android:layout_weight="1" />
</android.support.design.widget.CoordinatorLayout>
注解:只用在外部套用代码,就能立马看到了顶部抽拉特效了。