Android5.0+(CollapsingToolbarLayout)实现上划toolbar渐变效果

最新推荐文章于 2025-05-15 13:08:14 发布

纯植物

最新推荐文章于 2025-05-15 13:08:14 发布

阅读量7.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：安卓控件

本文链接：https://blog.youkuaiyun.com/u012216899/article/details/53415233

本篇博客介绍了如何在Android5.0及更高版本中使用CollapsingToolbarLayout实现上滑时toolbar的渐变效果。案例中主要涉及的新组件包括CollapsingToolbarLayout、AppBarLayout等，并通过设置gradle依赖来启用。在实现过程中遇到了因Activity已有ActionBar导致的错误，通过设置主题为Theme.AppCompat.NoActionBar解决了这个问题。详细步骤和更多相关知识可以参考RecyclerView的使用教程。

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

Android5.0+(CollapsingToolbarLayout)实现上划toolbar渐变效果

效果图类似于这个:(这个效果图是网上的资源,本案例只实现了上划效果,没有实现下面的瀑布流)

本案例主要使用了几个新的类

CoordinatorLayout

AppBarLayout

CollapsingToolbarLayout

对这些安卓新特性的详细介绍,可以参考:

http://www.open-open.com/lib/view/open1436152483833.html

首先,要使用这些类,需要在gradle文件中添加

compile 'com.android.support:design:+'

下面来看代码:

首先,布局代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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="myapp.czw.com.okhttp.Main3Activity">

    <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"