iOS|iOS 导航栏设置背景图片、自定义返回按钮,状态栏颜色变换
状态栏颜色修改
状态栏(电池时间栏)两个颜色,黑色或者白色,在不做任何设置的情况下, 系统默认是黑色状态栏。在页面是深色的情况下,白色的状态栏会显得好看很多,所以怎么显示白色状态栏呢?
方法就是在对应的控制器中重写下面的方法:
- (UIStatusBarStyle)preferredStatusBarStyle {
return UIStatusBarStyleLightContent;
}
如果全局设置APP状态栏都是白色, 那就写一个ViewController基类,在这个基类里面写上面这个设置StatusBarStyle的方法,应用内的所有控制器都继承这个基类就可以了。
这个设置了以后,你发现还是不起作用。因为我们还要重写另外一个方法:
- (UIViewController *)childViewControllerForStatusBarStyle {
return self.topViewController;
}
我们通常使用的viewController都是嵌套在UINavigationController中使用的,这个函数的返回值默认为nil,在我们嵌套了UINavigationController的时候,加载状态栏的时候首先会调用navigationController中的
childViewControllerForStatusBarStyle
函数,因为默认返回nil,那么接下来就会调用ViewController本身的preferredStatusBarStyle
函数,所以我们在viewController中通过preferredStatusBarStyle
函数设置的状态栏样式就不会被调用,所以也就无效了。所以我们自己要创建一个继承于UINavigationcontroller的NavigationController,在这个子类中重写
childViewControllerForStatusBarStyle
函数,返回最上层的viewController,那么viewController中的preferredStatusBarStyle
函数就会被调用了。如果需要在页面动态改变状态栏颜色,可以加一个变量,在
preferredStatusBarStyle
这个方法中根据变量值变化状态栏,改变状态栏时需调用下面这个方法,来立即更新状态栏:[self setNeedsStatusBarAppearanceUpdate];
设置导航栏背景图片 设置导航栏背景图片,如果只有某个页面需要,就在控制器中单独设置,如果是整个应用导航栏都是自定义的图片,那么需要创建一个继承自UINavigationcontroller的NavigationController,然后在NavigationController中设置背景图片,下面的代码示例,是在NavigationController中设置的:
- (void)viewDidLoad {
[super viewDidLoad];
//图片拉伸,否则在某些机型导航栏图片是没有填满的
UIImage *backImage = [[UIImage imageNamed:@"nav_background"] resizableImageWithCapInsets:UIEdgeInsetsZero resizingMode:UIImageResizingModeStretch];
//设置导航栏背景图片
[self.navigationBar setBackgroundImage:backImage forBarMetrics:UIBarMetricsDefault];
//设置导航栏标题为白色
[self.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor whiteColor]}];
//设置tintColor
[self.navigationBar setTintColor:[UIColor whiteColor]];
}
自定义返回按钮 很多时候我们都是要自定义返回按钮的,如果导航栏上左侧按钮,始终是那一个返回按钮,就通过以下方法设置,代码简洁。不过首先要定义一个基类viewController,让所有viewController继承于这个基类,在基类中设置:
- (void)viewDidLoad {
[super viewDidLoad];
//设置返回按钮图片
self.navigationController.navigationBar.backIndicatorImage = [UIImage imageNamed:@"nav_back_icon"];
self.navigationController.navigationBar.backIndicatorTransitionMaskImage = [UIImage imageNamed:@"nav_back_icon"];
//设置返回按钮的title为空,那么返回按钮就无标题只显示nav_back_icon图片
UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:nil action:nil];
self.navigationItem.backBarButtonItem = backItem;
}
不过这种方式定义返回按钮,尴尬的就是,不知道点击返回按钮触发了什么方法,苹果并没有暴露系统返回按钮的点击方法。有时候有这样的需求,用户在该页面修改了一些信息,在点击返回上一页面时,可能需要发送通知,通知其他页面更新信息。从网上找到一个方法,可实现这个需求:
- (void)viewWillDisappear:(BOOL)animated {
[super viewWillDisappear:animated];
//点击系统的返回按钮/侧滑返回
if ([self.navigationController.viewControllers indexOfObject:self] == NSNotFound) {
//在这里执行
}
}
【iOS|iOS 导航栏设置背景图片、自定义返回按钮,状态栏颜色变换】自定义返回按钮还有另外一种实现方法,在基类viewController中实现一个自定义leftBarButtonItem来做返回按钮:
- (void)viewDidLoad {
[super viewDidLoad];
//导航栏返回按钮
self.leftBarButton = [UIButton buttonWithType:UIButtonTypeCustom];
[self.leftBarButton setImage:[UIImage imageNamed:@"nav_back_icon"] forState:UIControlStateNormal];
self.leftBarButton.frame = CGRectMake(0, 0, 40, 40);
self.leftBarButton.imageEdgeInsets = UIEdgeInsetsMake(0, -18, 0, 0);
[self.leftBarButton addTarget:self action:@selector(leftButtonClicked) forControlEvents:UIControlEventTouchUpInside];
if (self.navigationController.viewControllers.count > 1) {
self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:self.leftBarButton];
}}- (void)leftButtonClicked {
[self.navigationController popViewControllerAnimated:YES];
}
可以把leftButtonClicked方法暴露在.h中,这样点击返回按钮触发这个方法,可以在子viewController中重写这个方法,实现点击返回执行一些操作。
这种自定义leftBarButtonItem带来的问题就是,侧滑返回不起作用了。解决办法就是在NavigationController中重新写手势代理,实现
代理方法:- (void)viewDidLoad {
[super viewDidLoad];
//手势代理,侧滑返回
self.interactivePopGestureRecognizer.delegate = self;
}- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer {
if (self.childViewControllers.count > 1) {
return YES;
}
return NO;
}
以上就是自定义返回按钮的两个方式,如有问题还望指出。
推荐阅读
- 2020-04-07vue中Axios的封装和API接口的管理
- iOS中的Block
- 记录iOS生成分享图片的一些问题,根据UIView生成固定尺寸的分享图片
- IDEA|IDEA 创建工程
- 2019-08-29|2019-08-29 iOS13适配那点事
- Hacking|Hacking with iOS: SwiftUI Edition - SnowSeeker 项目(一)
- iOS面试题--基础
- Android超简单实现沉浸式状态栏
- www和https://又被Chrome地址栏隐藏了
- 接口|axios接口报错-参数类型错误解决