美文网首页
CoordinatorLayout伸缩状态栏

CoordinatorLayout伸缩状态栏

作者: eiun | 来源:发表于2016-10-25 09:32 被阅读0次

其实就是伸缩状态栏的效果,懒不想截图,随便记录点开发时遇到的点就好

首先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 貌似没效果

遇到的坑记录完毕

相关文章

网友评论

      本文标题:CoordinatorLayout伸缩状态栏

      本文链接:https://www.haomeiwen.com/subject/sylruttx.html