完美兼容4.4及以上系统实现沉浸式状态栏

先上图看效果

这是Nexus 4.4上的展示效果

这是Nexus 5.0上的展示效果

Google允许开发者在Android 4.4以上设置状态栏透明或半透明,布局填充全屏;而在5.0以上可直接设置状态栏颜色。

所以为了兼容4.4到5.0之间系统,整理步骤如下:

解决思路是:将状态栏设置为透明,标题栏填充全屏,判断4.4以上标题栏高度为原设计高度+状态栏高度,标题栏设置内距上边距为状态栏高度;如果是4.4以下则使用原设计高度。

一、修改styles文件

在values中的styles中

<style name="TranslucentTheme" parent="AppTheme">
</style>

在values-v19的styles中

<style name="TranslucentTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowTranslucentNavigation">false</item>
</style>

在values-v21的styles中

<style name="TranslucentTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowTranslucentNavigation">false</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
</style>

二、在AndroidManiFest文件中设置对应Activity的Theme

<activity android:name=".activity.StatusBarActivity"
    android:theme="@style/TranslucentTheme"/>

三、修改dimens文件

在vaules的dimens文件中

<dimen name="title_translucent_height">50dp</dimen>
<dimen name="title_margin_top">0dp</dimen>

在values-v19的dimens文件中

<dimen name="title_translucent_height">75dp</dimen>
<dimen name="title_margin_top">25dp</dimen>

四、在布局文件中

TitleBar设置 如:

<TextView
    android:layout_width="match_parent"
    android:layout_height="@dimen/title_translucent_height"
    android:paddingTop="@dimen/title_margin_top"
    android:background="#450125"
    android:fitsSystemWindows="true" />

高度和内距上设置刚刚在dimens中的定义的数据

五、特别注意,将TitleBar设置

android:fitsSystemWindows="true"

这样的ok了!

本文分享自微信公众号 - Android机动车(JsAndroidClub)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-02-04

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Android Note

Android O:使用自定义字体资源

23230
来自专栏Android开发经验

无意间遇到的TextView的一个坑

16940
来自专栏coding

vue.js组件切换

13320
来自专栏vue学习

27、有赞Vant组件库的引入及轮播图片预览的实现②

这个vant组件与其它组件的引入方式不同,不需要在main.js中引入,直接在页面中引入即可:

35720
来自专栏xingoo, 一个梦想做发明家的程序员

CSS 之 选择器

选择器 类型选择器 也叫做 元素选择器和简单选择器,可以根据元素标签指定样式。 p { color:red; } 类选择器 一般用于某些同类型的样式。 .xxx...

22090
来自专栏用户2442861的专栏

PyCharm常用快捷键

Ctrl + NumPad+/- 展开或者收缩代码块 Ctrl + Shift + NumPad+ 展开所有的代码块 Ctrl + Shift + NumPa...

34210
来自专栏GIS讲堂

Openlayers3中SVG图加载

鉴于SVG的优势,在图层展示的时候,会想到SVG的方式,但是OL3里面只支持ImageStatic的方式加载,也就是只能加载栅格图片,为此,本文实现Openla...

25540
来自专栏Android干货

小程序实践(九):返回到上一个界面并传值回去

常见需求,修改某个信息,需要调到一个新界面有个输入框去修改内容,修改之后,点击后退按钮,新的数据就返回更新了

24130
来自专栏coding

transition-group实现动画效果

如果要实现动画效果的元素是通过v-for循环渲染出来的,就不能使用transition,应该用transition-group将元素包裹

10710
来自专栏python3

tkinter -- RadioButton

Radiobutton 为单选按钮,即在同一组内只能有一个按钮被选中,每当选中组内的一个按钮时,其它的按钮自动改为非选中态,与其他控件不同的是:它有组的概念

13010

扫码关注云+社区

领取腾讯云代金券