码迷,mamicode.com
首页 > 其他好文 > 详细

沉浸式状态栏的两种实现方法

时间:2016-05-26 16:07:02      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:

--此博文只是做笔记总结,详细原文请看

http://www.jianshu.com/p/0acc12c29c1b?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io

今天学习了沉浸式状态栏--status bar的处理方案,现在做一下记录


沉浸式状态栏可以有两种实现方案,一种是以纯色来搭建,一种是用图片背景来实现


先来几张图

技术分享技术分享这两张图就是沉浸式状态栏的两种实现方式,第一种是用颜色来填充状态栏,第二种是图片


具体说一下实现方法



技术分享

技术分享


主要代码都在这里


状态栏的修改只在安卓4.4及以上有效,所以 新建两个style分别在v19跟v21上面,当然有6.0的也建立一个v23的style

在v19跟v21分别创建一下style


v21

技术分享

v19

技术分享


Image跟color对应的是图片和颜色两种不同的方案

这个创建完后在需要在清单文件对有沉浸式效果的页面进行配置

技术分享

然后在页面的跟布局设置

技术分享


这样运行起来就可以了


---------------------------------分割线----------------------

后面发现图片跟颜色的style可以是完全一样的

技术分享

人总是要进步


总结一下步骤


1 根据相对应的版本建立value-版本,里面建立相对应的style

2 style里面添加三个属性

<item name="android:windowTranslucentStatus">true</item>
<item name="android:windowTranslucentNavigation">true</item>
<item name="colorPrimary">@android:color/transparent</item>

3在清单文件里面对需要有沉浸式状态栏的页面的主题设置为我们建立的主题

4在页面的根部局设置属性

android:fitsSystemWindows="true"


5 v21以下下

将根布局分成两块--标题布局跟内容布局,将标题布局的背景设置为与根部局的一样,内容布局自己独立设置


这样就可以了








本文出自 “用键盘构造世界” 博客,请务必保留此出处http://guo2android.blog.51cto.com/10476685/1783465

沉浸式状态栏的两种实现方法

标签:

原文地址:http://guo2android.blog.51cto.com/10476685/1783465

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!