app:layout_scrollFlags的5种滑动属性

最新推荐文章于 2025-03-03 10:59:51 发布

Super_Jandroid

最新推荐文章于 2025-03-03 10:59:51 发布

阅读量1.8k

点赞数 1

仅给自己留个笔记，一目了然的app：layout_scrollFlags属性

给TabLayout加上这个属性 app:layout_scrollFlags="scroll | enterAlways | enterAlwaysCollapsed | exitUntilCollapsed | snap"

scroll 直接像是给recycleView加上了一个头一样，上滑下拉

scroll | enterAlways 上滑和scroll一样，下拉的时候，先拉出tablayout，再拉出recycleView的其他内容

scroll | enterAlways | enterAlwaysCollapsed 上滑和scroll一样，下拉的时候，先拉出tablayout的一半，再拉出recycleView的其他内容，拉完recycleView，最后拉出剩下的一半tablayout

scroll | exitUtilcollapsed 上滑不全部滑出界面，留一半，下拉的时候，拉完recycleview，再拉出全部

scroll | snap 上滑或下拉时，显示不足一半，就全部缩进去，多与一半就全部显示

直接点原文章地址 https://blog.csdn.net/losingcarryjie/article/details/78917423

在学习这5种滑动属性之前你需要知道的基础知识：

CoordinatorLayout，AppBarLayout

在刚开始接触CoordinatorLayout的时候我是一脸蒙逼的，心里在想”啥玩意？怎么要记这么多东西呀？”可是真的当我明白每个的用法的时候你会觉得这是多么奇妙啊

就跟你刚玩LOL的时候还在纳闷怎么要按那么多键？Q,W,E,R,P,B,D,F,手都忙不过来，但是当你真的熟练的时候你会发现么每个地方都有他的功能，带着这种态度去学习就不害怕了

CoordinatorLayout=AppBarLayout+RecyclerView

公式这么写不太严谨但是大家看起来可能会一目了然，大致明白他的意思，我们平时滑动的时候会遇到RecyclerView上部跟着一起滑动的需求（我第一次遇到是在微博的发现里面），这个时候手动处理滚动监听是一件非常复杂的事，这个时候用CoordinatorLayout就会很简单，AppBarLayout里面是RecyclerView上部的布局，这样RecyclerView滑动的时候上部的布局也会跟着滑动了，非常Material Design

大致基础普及到这里，开始进入我们的主题，先看下我们没有设置任何滑动属性的时候的原始代码：

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context="com.coordinator.MainActivity">
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <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.TabLayout
                android:background="@color/colorAccent"
                android:layout_width="match_parent"
                android:layout_height="100dp" />
        </android.support.design.widget.AppBarLayout>
        <android.support.v7.widget.RecyclerView
            android:id="@+id/recyclerview"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
</android.support.design.widget.CoordinatorLayout>

代码很简单，RecyclerView上面有一个红色的TabLayout

效果图如下：

这里写图片描述

我们发现只有RecyclerView在动，而TabLayout无论如何都不滚动

1 app:layout_scrollFlags=”scroll”

我们在TabLayout的属性里面添加上面这句话

这里写图片描述

我们发现RecyclerView向上滚动的时候，TabLayout也跟着滚动，等到TabLayout滚出屏幕之后RecyclerView还在继续滚动，下拉的时候等到拉到RecyclerView的头部TabLayout才会进入屏幕。

2 app:layout_scrollFlags=”scroll|enterAlways”

这五种属性有一个很操蛋的地方就是有的属性必须在声明其他属性之后才可以使用，下面的属性也是scroll开头，如果不声明scroll其他的都不好使。

这里写图片描述

这个属性和scroll唯一不同的地方是，只要往下拉，TabLayout就会显示出来，不必等着RecyclerView到顶部才可以显示

3 app:layout_scrollFlags=”scroll|enterAlways|enterAlwaysCollapsed”

TabLayout属性改为下面：

 <android.support.design.widget.TabLayout
                    app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed"
                    android:background="@color/colorAccent"
                    android:minHeight="50dp"
                    android:layout_height="100dp"
                    android:layout_width="match_parent"
    />

为了让变化更加直观，我让TabLayout的高度变成了100dp

这里写图片描述

滚出屏幕时还是和以前一样，但是滚入屏幕时，TabLayout会和RecyclerView一起滚入50dp，然后等RecyclerView滚入到边界的时候再滚入剩下的50dp

4 app:layout_scrollFlags=”scroll|exitUntilCollapsed”

 <android.support.design.widget.TabLayout
                    app:layout_scrollFlags="scroll|exitUntilCollapsed"
                    android:background="@color/colorAccent"
                    android:minHeight="50dp"
                    android:layout_height="100dp"
                    android:layout_width="match_parent" />