前言
android状态栏,如图,是顶部显示时间电量那一部分。根据Google MD设计规范是要让状态栏的颜色略深于标题栏。之前的状态栏都是系统默认的黑色,为了美观在5.0系统提出了沉浸式状态栏,而关于沉浸式的效果其实可以向下兼容到4.4系统上。我这里提出自己在公司用的一种real简单的方案。
思路
首先介绍android:windowTranslucentStatus
这一属性,设置为true则状态栏变透明(4.4以上手机),此时不做任何处理会出现如图的效果:
可以看出标题栏将状态栏覆盖,很不优雅。
接下来介绍android:fitsSystemWindows
这一属性。设置为true让Activity 中setContentView
的布局不覆盖状态栏(即相当于给状态栏设置了padding),这个属性要在根布局中使用,如果同时设置了
<item name="android:windowTranslucentStatus">true</item>
android:fitsSystemWindows="true"
你将看到如下效果。
状态栏透明,标题栏不覆盖状态栏.
如果不考虑兼容4.4系统的化可以在5.0以上系统可以直接通过styles.xml设置
<item name="android:statusBarColor">@color/colorPrimaryDark</item>
(代码设置setStatusBarColor())来为你的状态栏填充颜色。
如果要兼容4.4系统可以通过设置
<item name="android:windowTranslucentStatus">true</item>
让状态栏透明。然后在状态栏放一个view,长在4.4以上为25dp,以下为0dp,宽为match_parent,背景色设置为colorPrimaryDark(或者其他你想状态栏显示的颜色)。
效果如下:
具体方案
自己写一个标题栏的layout布局(以后用都可以include引用),在该布局中添加如下代码
<View android:layout_width="match_parent"
android:background="@color/colorPrimaryDark"
android:layout_height="@dimen/toolbar_padding_top"></View>
这个用来填充状态栏,如果想设置半透明等效果可以放张ImageView图片。
高度引用在4.4以上为25dp,以下为0dp。
所以只需要在res下新建一个values-v19包添加styles和dimens两个xml文件
//styles.xml里加上
<item name="android:windowTranslucentStatus">true</item>
//dimens里加上
<dimen name="toolbar_padding_top">25dp</dimen>
values-v19.png
然后在需要标题栏的地方include标题栏布局文件,不需要的地方通过
android:windowTranslucentStatus
和android:fitsSystemWindows
两个属性设置即可以满足日常开发需求。
其他
关于DrawerLayout和CoordinatorLayout目前我使用没什么问题,如果各位有什么疑惑可以提出来。
最后如果你懒得写标题栏布局文件我这有个现在用的,点击下载密码:81ax
网友评论