Android 中CollapsingToolbarLayout和Toolbar实现炫酷效果

最新推荐文章于 2024-06-26 11:15:43 发布

凤洋

最新推荐文章于 2024-06-26 11:15:43 发布

阅读量1.3k

点赞数 1

分类专栏： android 文章标签： android toolbar

本文链接：https://blog.csdn.net/MySuperGirl/article/details/73132012

版权

本文介绍了如何在Android中使用CollapsingToolbarLayout和Toolbar结合，实现上滑时隐藏内容并切换顶部布局的炫酷效果。通过布局文件和Java代码的示例，详细展示了监听AppBarLayout偏移变化来控制布局显示的实现方法。

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

CollapsingToolbarLayout和Toolbar结合使用实现如下效果图
这里写图片描述
需求：当上划时AppBarLayout下面的内容隐藏，顶部对的toolbar进行从一个布局改变显示另一个布局，实现炫酷的效果

转载注明出处：http://blog.csdn.net/MySuperGirl/article/details/73132012

有关CoordinatorLayout 和 CollapsingToolbarLayout的一些常用属性可以去查相关api，这里直接就是上用法了，也方便以后的再次使用
不多说直接上代码：
1. 首先是布局文件
思路：1. 在布局中，如上面的效果图中顶部内容在代码中是用的两个textview进行展示的（这里的textview可以根据自己的需求进行更换布局），为了达到想要的效果需要将其中一个textview设置android:visibility=”gone”属性进行隐藏。
2. 对AppBarLayout进行AppBarLayout.addOnOffsetChangedListener监听，当关闭时就让其中一个布局显示，另外一个布局隐藏；当打开时的操作原理类似。

activity_scrolling.xml

<?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"
    android:fitsSystemWindows="true"
    tools:context="com.eq.coordinatorlayout.ScrollingActivity">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="@dimen/app_bar_height"
        android:fitsSystemWindows="true"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/toolbar_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            app:layout_scrollFlags="scroll|exitUntilCollapsed|snap"
            app:title=" ">

            <LinearLayout
                android:id="@+id/toolbar_layout_open"
                android:layout_width="match_parent"
                android:layout_height="60dp"
                android:layout_gravity=