第一步:
倒个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(""); } } }); }