其实就是伸缩状态栏的效果,懒不想截图,随便记录点开发时遇到的点就好
首先CoordinatorLayout是作为页面的最底层布局,然后里面嵌套AppBarLayout,AppBarLayout是整个状态栏。
<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.support.design.widget.CollapsingToolbarLayout android:id="@+id/toolbar_layout" android:layout_width="match_parent" android:layout_height="wrap_content" app:contentScrim="@color/colorPrimary" app:layout_scrollFlags="scroll|exitUntilCollapsed"
<android.support.constraint.ConstraintLayout android:layout_width="match_parent" android:layout_height="wrap_content">
</android.support.constraint.ConstraintLayout>
CollapsingToolbarLayout 就是那块收缩不见的一片状态栏
CollapsingToolbarLayout 里面可以加任何你喜欢的布局重新设计
<android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_collapseMode="pin" app:popupTheme="@style/AppTheme.PopupOverlay" >
<include layout="@layout/include_cicle_header"/>
</android.support.v7.widget.Toolbar>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>
Toolbar也是material design里面的一员,其实它不方便定制,要设定样式 嵌套一个布局进去就好,把嵌套的那个布局背景改成透明就好了。
注意Toolbar是在CollapsingToolbarLayout里面的
CollapsingToolbarLayout是在AppBarLayout里面的
app:layout_scrollFlags="scroll|exitUntilCollapsed" 折叠的效果就是这句代码
后面嵌套的正文内容可以用你喜欢的布局继续写,最好另外新建一个xml来写,然后注意要加
//这是重点每次都是忘了这个坑了我好多次
tools:showIn="@layout/activity_cicle_personal">
这行代码,这个布局才会显示在CollapsingToolbarLayout的下面,要不然会各种覆盖的效果
不过fragmentLayout 貌似没效果
遇到的坑记录完毕