微信小程序状态栏颜色怎么设置?

　　微信小程序状态栏颜色怎么设置?有些人在小程序开发过程中，希望自己的状态栏上的颜色给人耳目一新的感觉，来让自己的小程序界面更加吸引人，那么这个微信小程序状态栏颜色怎么设置?下面小编给大家介绍。

　　微信小程序状态栏颜色怎么设置?

　　首先大家要明白，状态栏就是指的小程序页面最上面的20像素高的部分，而且状态栏分前后两部分，要分清这两个概念。

　　前景部分：就是指的显示电池、时间等部分;

　　背景部分：就是显示黑色或者图片的背景部分;

　　(一)设置statusBar的【前景部分】

　　简单来说，就是设置显示电池电量和时间以及网络部分标示的颜色，而且这里只能设置两种颜色：

　　第一种是默认的黑色(UIStatusBarStyleDefault)

　　第二种白色(UIStatusBarStyleLightContent)

　　可以设置的地方有两个：plist设置里面和小程序代码里

　　初始化设置:小程序导航栏设置为不透明并给了"标题"与状态栏文字作对比

　　self.edgesForExtendedLayout = 0;

　　self.navigationItem.title = @"标题";

　　(二)设置statusBar的【背景部分】

　　创建一个UIView，

　　设置这个UIView的frame.size 和statusBar大小一样，

　　设置这个UIView的frame.origin 为{0,-20},

　　设置这个UIView的背景色为你想要的statusBar的颜色，

　　在navigationBar上addSubView该UIView即可。

　　原理:

　　状态栏区域相对于navigationBar的区域为

　　{0,-20,self.view.bounds.size.width,20}

　　除了改变状态栏的前景色(文字颜色,wifi颜色,时间颜色,电池颜色),就是改变背景色.由于状态栏区域上的控件是隐藏的,所以只要在状态栏区域被渲染了颜色,状态栏的背景颜色就跟着一起改变,从而改变了状态栏的背景颜色.

　　UIView *statusBarView = [[UIView alloc] initWithFrame:CGRectMake(0, -20, self.view.bounds.size.width, 20)];

　　statusBarView.backgroundColor = [UIColor greenColor];

　　[self.navigationController.navigationBar addSubview:statusBarView];

　　以上就是小编给大家搜集的微信小程序状态栏颜色怎么设置?的全部内容了。希望能帮到大家。虽然改变颜色能够暂时给人新鲜感，但是还是希望大家设计符合大众的小程序界面。更多精彩尽在微小乔!

　　怎样更换微信小程序文字颜色?

　　微信小程序tab栏文字颜色修改怎么弄

　　微信小程序标题颜色怎么修改?