这篇文章主要介绍了iOS 自定义状态栏和导航栏详细介绍的相关资料,需要的朋友可以参考下
iOS 自定义状态栏和导航栏
开发IOS APP 经常会根据需求更改状态栏和导航栏,这里整理了几种方法,大家可以看下。
导航栏透明
-(void)viewWillAppear:(BOOL)animated { //viewWillAppear中设置透明
[super viewWillAppear:animated];
[self.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault]; //用空图片填充机位透明
[self.navigationBar setShadowImage:[UIImage new]];//naviBar底部的seperatorLine
}
-(void)viewDidDisappear:(BOOL)animated { //viewWillAppear中设置恢复
[super viewDidDisappear:animated];
[self.navigationBar setBackgroundImage:nil forBarMetrics:UIBarMetricsDefault];
[self.navigationBar setShadowImage:shadowImage];
}
导航栏渐变
barImageView = self.navigationController.navigationBar.subviews.firstObject;
-(void)scrollViewDidScroll:(UIScrollView *)scrollView {
CGFloat minAlphaOffset = - 64;
CGFloat maxAlphaOffset = 200;
CGFloat offset = scrollView.contentOffset.y;
CGFloat alpha = (offset - minAlphaOffset) / (maxAlphaOffset - minAlphaOffset); _barImageView.alpha = alpha;
}
状态栏字体颜色改变
[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleDefault;//黑色
[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;//白色
导航栏隐藏
如果导航栏自定义度高,需要完全自己重写,可以隐藏原来的导航栏,并定义一个新的view
-(void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
self.navigationController.navigationBarHidden = YES;
}
-(void)viewDidDisappear:(BOOL)animated {
[super viewDidDisappear:animated];
self.navigationController.navigationBarHidden = NO;
}
-(void)ys_initNavigationBar {
self.navigationController.interactivePopGestureRecognizer.delegate = (id)self; // 保留右滑pop的手势
_naviBar = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.width, 64)];
_naviBar.backgroundColor = [UIColor whiteColor];
[self.view addSubview:_naviBar];
UIView *line = [[UIView alloc] initWithFrame:CGRectMake(0, _naviBar.height-0.5, self.view.width, 0.5)];
line.backgroundColor = [UIColor colorForHex:@"f0f0f0"];
[_naviBar addSubview:line];
// 返回
backButton = [UIButton buttonWithType:UIButtonTypeCustom];
backButton.frame = CGRectMake(0, 20, 44, 44);
[backButton addTarget:self action:@selector(goBack:) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:backButton];
// 标题
naviLable = [[UIButton alloc] initWithFrame:CGRectMake(44, 20, self.view.width-44*2, 44)];
naviLable.backgroundColor = [UIColor clearColor];
naviLable.font = [UIFont systemFontOfSize:16];
naviLabel.textAlignment = NSTextAlignmentCenter;
[self.view addSubview: naviLable];
}
-(void)scrollViewDidScroll:(UIScrollView *)scrollView {
//navigationBar change
CGFloat minAlphaOffset = 0;
CGFloat maxAlphaOffset = 40;
CGFloat offset = scrollView.contentOffset.y;
CGFloat alpha = (offset - minAlphaOffset) / (maxAlphaOffset - minAlphaOffset);
_naviBar.alpha = alpha;
naviLabel.alpha = alpha;
}
沃梦达教程
本文标题为:iOS 自定义状态栏和导航栏详细介绍
猜你喜欢
- SurfaceView播放视频发送弹幕并实现滚动歌词 2023-01-02
- Android实现轮询的三种方式 2023-02-17
- 作为iOS开发,这道面试题你能答出来,说明你基础很OK! 2023-09-14
- 详解flutter engine 那些没被释放的东西 2022-12-04
- Android实现监听音量的变化 2023-03-30
- Android studio实现动态背景页面 2023-05-23
- 最好用的ios数据恢复软件:PhoneRescue for Mac 2023-09-14
- Android MaterialButton使用实例详解(告别shape、selector) 2023-06-16
- iOS 对当前webView进行截屏的方法 2023-03-01
- Flutter实现底部和顶部导航栏 2022-08-31
