为了账号安全,请及时绑定邮箱和手机立即绑定

Android Studio 沉浸式状态栏(个人手记)—错误信息请批评教育我

2021.04.04 15:26 814浏览

http://img1.sycdn.imooc.com/6069676f0001557910800379.jpg

之前在上课的时候,发现APP运行后的效果,状态栏和标题栏的颜色有差别,就会觉得看上去非常的低端,然后我在网上找到了各种各样的教程,内容过于负责,萌新上路不太好理解,然后我就上了一堂免费课,发现了一个更好的办法,当然就是把状态栏的颜色调整成和标题栏一样的颜色,这样看起来,和谐很多!


第一步:首先是更改statusBar的颜色,课程中讲述的是在stlye.xml文件中更改,但是我找不到这个文件,反而在themes.xml中看到了这个名叫statusBar,也许是版本不同的问题吧

<item name=“android:statusBarColor”>@color/mainColor</item>

就是这行代码,其中我在colors.xml中定义的颜色是#d43433 红色的

<color name="mainColor">#d43433</color>

http://img1.sycdn.imooc.com/6069686e0001975405290182.jpg

然后就得到了这样的效果,之前一直在纠结刘海屏的问题,现在好了。因为状态栏也在刘海屏里面,所以不至于发生遮挡自己的UI的问题。


课堂笔记:

statusBarColor比colorPrimary具有更高优先级!


第二步:自定义NavigationBar顶部导航:

http://img3.sycdn.imooc.com/606968fa0001fdb203810105.jpg

Valuse下新建了一个dimen.xml的文件,存放顶部导航所需要的样式,代码如下:

<resources>
    <dimen name="marginSize">16sp</dimen>
//边距约束
    <dimen name="nvaBarHeight">56dp</dimen>
//navBar高度约束
    <dimen name="navBarImgSize">30dp</dimen>
//navBar图标尺寸约束
    <dimen name="navBarTextSize">22dp</dimen>
//navVar字体大小约束
</resources>

新建一个layout布局文件,在布局文件中设置好顶部导航区域的样式,然后再需要引入的Activity的布局文件中使用

<include layout="@layout/nav_bar"/>

引入创建好的顶部导航的布局效果。

然后~当当当~就变成了这个样子的,虽然截图没有刘海屏的显示,但是这样看上去就比之前颜色不同的那种效果更好,不过话说回来,我还在想个问题,如果不是纯色的,而是图片背景怎么办,这个问题……还在研究中

http://img1.sycdn.imooc.com/606969ce0001545f10800379.jpg


点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

相关文章推荐

正在加载中
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消