Android使用Material Design自带CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+Toolbar组件实现标题栏滑动渐变色

Android CoordinatorLayout 实现滑动渐变标题栏

最新推荐文章于 2025-09-08 14:10:47 发布

原创

最新推荐文章于 2025-09-08 14:10:47 发布 · 1.5k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#Android #Meterial Design #滑动渐变

本文展示了如何在Android应用中利用Material Design的CoordinatorLayout、AppBarLayout、CollapsingToolbarLayout和Toolbar组件，实现标题栏随着滚动而渐变色的效果。通过在app.gradle中添加依赖，并配置相应的布局文件和代码，可以实现这一高级UI交互。

效果图如下：

在这里插入图片描述

1.首先要在app.gradle文件中添加

implementation 'com.android.support:design:26.1.0'

2.布局文件如下：

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="150dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">
            <com.youth.banner.Banner
                android:id="@+id/banner"
                android:layout_width="match_parent"
                android

最低0.47元/天解锁文章