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

codekxx

于 2019-02-26 17:49:33 发布

阅读量1.4k

点赞数

分类专栏： Android 文章标签： Android Meterial Design 滑动渐变

本文链接：https://blog.csdn.net/codekxx/article/details/87939803

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图如下：

在这里插入图片描述

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"

最低0.47元/天解锁文章