玩转ToolBar+CoordinatorLayout 各种滚动效果综合,一篇就够了

最新推荐文章于 2020-09-04 11:10:06 发布

你微笑时很美ivan

最新推荐文章于 2020-09-04 11:10:06 发布

阅读量1.4k

点赞数 3

分类专栏： Android编码 Android控件使用滑动效果文章标签：协调者布局 CoordinatorLayout toolbar 滑动特效 android滑动效果

本文链接：https://blog.csdn.net/hhoo3344521/article/details/79816742

版权

本文详细介绍了如何使用CoordinatorLayout结合ToolBar实现各种滑动特效，包括标题栏跟随滚动、进入总是显示、优先滑动控制及CollapsingToolbarLayout折叠效果。通过设置不同的app:layout_scrollFlags属性，实现不同场景下的交互体验。

摘要由CSDN通过智能技术生成

CoordinatorLayout是Android5.0后的Material Design中的组建,简单来说功能就是类似于电脑的驱动,来让其子View互相配合实现各种效果,并使用behavior处理子View通信

先从简单到复杂来实现几个滑动效果

说明:这种滑动类似于scrollview里放标题栏+ListView 或者标题栏作文ListView头布局的效果,

实现代码:

<?xml version="1.0" encoding="utf-8"?>
<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"
    tools:context="coordingtor.yangfan.com.coordingdemo.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                app:title="Title"
                app:navigationIcon="@mipmap/back_chevron"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_scrollFlags="scroll" />
        
    </android.support.design.widget.AppBarLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recylerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</android.support.design.widget.CoordinatorLayout>

设置app:layout_scrollFlags属性来设置执行的动作设置为Scroll时为recyler和toolbar一起滚动

srcoll属性是必加的,不然无效果

2:设置app:layout_scrollFlags属性为