android 动画库yoyo,GitHub - TJYOYO/AndroidStatusbar: 实现了android 在5.0以上系统,状态栏全透明,提高用户的体验...

####状态栏了解

New一个新项目,在android 4.3,6.0上运行后如下:

3bb21ad6711b0012211be1e7c2270d6a.png120375fe348e26d0f3bf9b4e22a00297.png

从图片中的顶部可以看到区别:4.3和6.0的状态栏,完全不同,为什么呢?

4.4以下系统的状态栏都是黑色为背景的。

4.4以上系统支持状态栏颜色的定制

其中6.0上面的导航栏(标题栏)是theme里面带的,可以设置为Theme.AppCompat.Light.NoActionBar这样actionBar就没有了!

####问题1: 想要一个如下的全透明的效果, 设备是android 6.0的:

2859b9abe06db071f2e37e0b0a08299b.png

实现思路(5.0以上版本, 其他的不管):去掉标题栏,然后设置状态栏透明,布局适应系统。

**解决方法:**在res下创建文件夹values-v21, 新建styles文件,创建一个和values下面同名的theme, 代码如下。

(values-vxx文件夹是由系统会根据SDK的版本选择合适的Theme进行设置)

e48119528e789297db6f3d0f93557422.png

然后: AndroidManifest.xml文件来调用

094513a58e30bc0859c4ac899cfe6bbb.png

说明:

4.4 开始提供了来处理状态栏的透明度,但是适应它需要最低19的api来实现,所以用不同级别的values来区分,不然之间使用会报错。

5.0开始提供使用需要最低21的api来实现, 它是来设置状态栏的颜色的,可以设置其他的哦

以上是测试是5.0,6.0的设备:全透明状态栏的测试OK

####问题2:app中导航栏颜色扩展到状态栏一样

效果图:

68a584bc2ea7e2951c6a1c3f48dd9be8.png

调用values-v21/styles.xml中AppTheme

实现状态栏的透明

false

true

@android:color/transparent

布局代码:

设置android:fitsSystemWindows=true,是布局适应系统,并设置一样的颜色

android:orientation="vertical"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@color/color_31c27c"

android:fitsSystemWindows="true">

android:layout_width="match_parent"

android:layout_height="60dp"

android:gravity="center"

android:text="新页面"

android:textSize="20sp"

android:textColor="#234234"

android:background="@color/color_31c27c"/>

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="#ffffff"/>

注意点:

1: fitSystemWindows属性

简单描述:

这个一个boolean值的内部属性,让view可以根据系统窗口(如status bar)来调整自己的布局,如果值为true,就会调整view的paingding属性来给system windows留出空间….

实际效果:

当status bar为透明或半透明时(4.4以上),系统会设置view的paddingTop值为一个适合的值(status bar的高度)让view的内容不被上拉到状态栏,当在不占据status bar的情况下(4.4以下)会设置paddingTop值为0(因为没有占据status bar所以不用留出空间)。

2: 上面的根布局LinearLayout 中, 如果不设置android:fitsSystemWindows="true"就会出现布局文件占据状态栏的情况,

该属性的作用在于,不会让系统导航栏和我们app的UI重叠,导致交互问题。

4c5de9068accf6b4094a489cecea8a19.png

3: 上面的根布局LinearLayout 中, 如果不加入和标题栏一样的颜色布局,会出现状态栏变灰色的情况

235f3fafbd10e7cf68df81927b24c343.png

4ceaeea52faba68076ed0a427505706a.png

最后demo的效果,测试了5.1和6.0的都可以,点击进入,可以看到“新页面”的效果

98fc20456081ede1c545dd922c490954.png

###总结上面的原理:

1: 设置状态栏透明 (通过android:windowTranslucentStatus等)

2: 使view适应系统 (通过android:fitsSystemWindows="true"等)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值