有时候这些属性搞得蛮乱的,记录下以便查阅
UINavigationBar属性
-
如果想统一设置,可以通过以下方法,获取当前类下的所有对象的导航条,然后在
+initialize
方法中进行设置[UINavigationBar appearanceWhenContainedIn:self, nil];
-
背景图片
// barMetrics需要设置成UIBarMetricsDefault - (void)setBackgroundImage:(UIImage *)backgroundImage forBarMetrics:(UIBarMetrics)barMetrics
-
-
背景阴影图片
@property(nonatomic,retain) UIImage *shadowImage
-
-
背景颜色
@property(nonatomic,retain) UIColor *barTintColor
-
-
标题文字属性
@property(nonatomic,copy) NSDictionary *titleTextAttributes;
-
-
系统类型按钮文字颜色
@property(nonatomic,retain) UIColor *tintColor
-
-
返回按钮图片
// 必须要两个都设置,并且图片要设置成不渲染 @property(nonatomic,retain) UIImage *backIndicatorImage; @property(nonatomic,retain) UIImage *backIndicatorTransitionMaskImage;
-
-
标题垂直偏移
- (void)setTitleVerticalPositionAdjustment:(CGFloat)adjustment forBarMetrics:(UIBarMetrics)barMetrics
-
返回按钮更改
系统原装效果:
![](https://i-blog.csdnimg.cn/blog_migrate/e77653b6280f384b40e1269d282e71b7.webp?x-image-process=image/format,png)
如果有以下需求:
- 去除上面返回按钮上“我是标题”字样,并设置返回图片为白色
分析
- 图片修改
- 方式1:设置返回图片颜色
- 方式2:直接设置返回图片
- 方式3:使用按钮覆盖返回图片(这种方式会使返回箭头图片和左边距离加大,但可以用取巧的方式调整)
- 文字修改
- 方式1:设置控制器navigationItem的backBarButtonItem显示文字为""
- 方式2:设置返回按钮文字偏移量,使其移出屏幕
- 方式3:采用控制器navigationItem的leftBarButtonItem进行覆盖
解决
综合以上说明,这里给出三种方式(都是针对的自定义UINavigationController):
- 方式1:在
-pushViewController:animated:
中设置文字 ,在+initialize
方法中设置返回图片或改变返回图片颜色- 注意导航栏对图片的渲染
- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated
{
viewController.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStyleDone target:nil action:nil];
[super pushViewController:viewController animated:animated];
}
// 获取特定类的所有导航条
UINavigationBar *navigationBar = [UINavigationBar appearanceWhenContainedIn:self, nil];
// 方式1:使用自己的图片替换原来的返回图片
navigationBar.backIndicatorImage = [UIImage imageNamed:@"NavBack"];
navigationBar.backIndicatorTransitionMaskImage = [UIImage imageNamed:@"NavBack"];
// 方式2:设置返回图片颜色
navigationBar.tintColor = [UIColor whiteColor];
-
方式2:在
+initialize
方法中设置所有返回按钮文字的偏移量,其他设置和方式1一致[[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(0, -100) forBarMetrics:UIBarMetricsDefault];
-
方式3.重写
-pushViewController:animated:
方法,使用控制器的navigationItem的leftBarButtonItem
覆盖返回按钮- 需要判断是否为根控制器,如果是根控制器就不添加
- 导航控制器的
viewControllers.count
不为0即表示传入的为非根控制器
- 导航控制器的
- 需要判断是否为根控制器,如果是根控制器就不添加
- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated
{
if (self.viewControllers.count != 0) {
viewController.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"NavBack"] style:UIBarButtonItemStyleDone target:self action:@selector(back)];
}
[super pushViewController:viewController animated:animated];
}
- (void)back
{
[self popViewControllerAnimated:YES];
}
方案对比
- 方案1和方案2改动较小,对系统自带的返回功能无影响。
- 方式3灵活性最高,但是会
使系统的滑动返回失效
,需要自己实现,具体实现参照forkingdog全屏手势分类
- 方式3还会使按钮更加偏向右边:
![](https://i-blog.csdnimg.cn/blog_migrate/3c23c9e5bdf286d6c44b04be97afe1d8.webp?x-image-process=image/format,png)
通过以下方式可以使按钮向左边靠:
![](https://i-blog.csdnimg.cn/blog_migrate/7d86d24b7de128b02b6551af10035ef3.webp?x-image-process=image/format,png)
- 采用customView,
添加自己定义的UIButton
...
// 返回按钮内容左靠
button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;
// 让返回按钮内容继续向左边偏移10
button.contentEdgeInsets = UIEdgeInsetsMake(0, -10, 0, 0);
...
viewController.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:button];
文/tripleCC(简书作者)
原文链接:http://www.jianshu.com/p/457c80cbb487
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
原文链接:http://www.jianshu.com/p/457c80cbb487
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。