之前在上课的时候,发现APP运行后的效果,状态栏和标题栏的颜色有差别,就会觉得看上去非常的低端,然后我在网上找到了各种各样的教程,内容过于负责,萌新上路不太好理解,然后我就上了一堂免费课,发现了一个更好的办法,当然就是把状态栏的颜色调整成和标题栏一样的颜色,这样看起来,和谐很多!
第一步:首先是更改statusBar的颜色,课程中讲述的是在stlye.xml文件中更改,但是我找不到这个文件,反而在themes.xml中看到了这个名叫statusBar,也许是版本不同的问题吧@color/mainColor
就是这行代码,其中我在colors.xml中定义的颜色是#d43433 红色的#d43433
然后就得到了这样的效果,之前一直在纠结刘海屏的问题,现在好了。因为状态栏也在刘海屏里面,所以不至于发生遮挡自己的UI的问题。
课堂笔记:
statusBarColor比colorPrimary具有更高优先级!
第二步:自定义NavigationBar顶部导航:
Valuse下新建了一个dimen.xml的文件,存放顶部导航所需要的样式,代码如下:
16sp
//边距约束
56dp
//navBar高度约束
30dp
//navBar图标尺寸约束
22dp
//navVar字体大小约束
新建一个layout布局文件,在布局文件中设置好顶部导航区域的样式,然后再需要引入的Activity的布局文件中使用
引入创建好的顶部导航的布局效果。
然后~当当当~就变成了这个样子的,虽然截图没有刘海屏的显示,但是这样看上去就比之前颜色不同的那种效果更好,不过话说回来,我还在想个问题,如果不是纯色的,而是图片背景怎么办,这个问题……还在研究中