Android CoordinatorLayout进阶教程-CollapsingToolbarLayout+FloatingActionButton

司码帝

已于 2022-12-21 23:08:50 修改

阅读量486

点赞数

CC 4.0 BY-SA版权

分类专栏： Android Java 文章标签： android 动画

于 2022-12-21 22:53:51 首次发布

本文链接：https://blog.youkuaiyun.com/aaaym/article/details/128402901

CollapsingToolbarLayout简介

CollapsingToolbarLayout 实现 Toolbar 的折叠效果， CollapsingToolbarLayout 通常被设计用于 AppBarLayout 的子布局，从而实现一些滚动特性的交互动画效果
下面我先来看一个简单的示例请添加图片描述

我们来看一下这个示例的布局代码

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.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">
    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:fitsSystemWindows="true"
        android:layout_height="wrap_content">
        <com.google.android.material.appbar.CollapsingToolbarLayout
            android:id="@+id/collsping_Toolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/blue"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:contentScrim="@color/green"
            app:title="测试"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">
            <ImageV