android 折叠式标题栏（悬浮框）

第一步：

倒个design的依赖

第二步：在布局里边

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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="wrap_content"
    android:orientation="vertical"
    tools:context="com.example.lemo.localshoping.view.supmartsssss.SupmartActivity">
    <include layout="@layout/bdcs_item"/>

<android.support.design.widget.CoordinatorLayout
    android:id="@+id/coordinator_Layout"
    android:layout_width="match_parent"

    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsingToolbarLayout"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            app:contentScrim="#46a8ba"
            app:expandedTitleMarginEnd="48dp"
            app:expandedTitleMarginStart="48dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">


            <LinearLayout
                android:id="@+id/head_layout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="80dp"
                    android:background="#EBFF6F00">

                    <EditText
                        android:layout_width="300dp"
                        android:layout_height="45dp"
                        android:layout_marginLeft="40dp"
                        android:layout_marginStart="40dp"
                        android:layout_marginTop="10dp"
                        android:background="#eb00fff2"
                        android:hint="搜索你想要的商品"
                        android:paddingLeft="100dp"
                        android:textSize="15dp" />
                </LinearLayout>

                <RelativeLayout
                    android:background="#FFF"
                    android:layout_width="wrap_content"
                    android:layout_height="130dp"
                    android:paddingTop="20dp">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="100dp"
                        android:layout_alignParentLeft="true"
                        android:layout_alignParentStart="true"
                        android:layout_alignParentTop="true"
                        android:background="@mipmap/yin"
                        android:paddingTop="30dp" />

                    <Button
                        android:id="@+id/ssupmartactivity_bu"
                        android:layout_width="75dp"
                        android:layout_height="30dp"
                        android:layout_alignParentEnd="true"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        android:background="@color/colorPrimaryDark"
                        android:text="关注" />

                </RelativeLayout>

                <LinearLayout
                    android:layout_width="80dp"
                    android:layout_height="60dp"
                    android:layout_marginRight="30dp"
                    android:layout_marginTop="-130dp"
                    android:background="#fff">

                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center"
                        android:src="@mipmap/lian" />
                </LinearLayout>
            </LinearLayout>


        </android.support.design.widget.CollapsingToolbarLayout>





    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:paddingTop="10dp">

        <android.support.design.widget.TabLayout
            android:id="@+id/tablayout"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:layout_weight="1"></android.support.design.widget.TabLayout>

        <ImageView
            android:id="@+id/supmart_img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingTop="10dp"
            android:src="@mipmap/yuan" />
    </LinearLayout>
    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"/>

    </android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>
    <RadioGroup
        android:paddingTop="230dp"
        android:id="@+id/radiogroup"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/supmart_xq"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="15dp"
            android:layout_weight="1"
            android:button="@null"
            android:checked="true"
            android:gravity="center"
            android:text="超市详情"
            android:textSize="15dp"

            />

        <RadioButton
            android:id="@+id/supmart_tj"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="15dp"
            android:layout_weight="1"
            android:button="@null"
            android:checked="true"
            android:gravity="center"
            android:text="推荐分类"
            android:textSize="15dp"

            />

        <RadioButton
            android:id="@+id/supmart_dt"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="15dp"
            android:layout_weight="1"
            android:button="@null"
            android:checked="true"
            android:gravity="center"
            android:text="超市动态"
            android:textSize="15dp" />
    </RadioGroup>

</LinearLayout>

第三步：在activity中

setTitleToCollapsingToolbarLayout();//放在一个方法里

//折叠式标题栏
    private void setToolBarReplaceActionBar() {
       // setSupportActionBar(toolbar);
        ActionBar actionBar = getSupportActionBar();
        if (actionBar != null) {
            //设置对应的返回图标
            actionBar.setDisplayHomeAsUpEnabled(true);
        }
    }

    /**
     * /**
     * 使用CollapsingToolbarLayout必须把title设置到CollapsingToolbarLayout上，
     * 设置到Toolbar上则不会显示
     */

    private void setTitleToCollapsingToolbarLayout() {
        app_bar_layout.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() {
            @Override
            public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {
                if (verticalOffset <= head_layout.getHeight()) {
                    //定义它的标题
                   // collapsingToolbarLayout.setTitle("本地超市");
                    //使用下面两个CollapsingToolbarLayout的方法设置展开透明->折叠时你想要的颜色
                    // Resources resources = getResources();
                    collapsingToolbarLayout.setExpandedTitleColor(getResources().getColor(android.R.color.transparent));
                    collapsingToolbarLayout.setCollapsedTitleTextColor(getResources().getColor(R.color.colorAccent));


                } else {
                    collapsingToolbarLayout.setTitle("");
                }
            }
        });
    }