UINavigationBar属性及返回按钮更改小结
2015-07-24 本文已影响29158人
tripleCC
有时候这些属性搞得蛮乱的,记录下以便查阅
UINavigationBar属性
-
如果想统一设置,可以通过以下方法,获取当前类下的所有对象的导航条,然后在
+initialize
方法中进行设置
[UINavigationBar appearanceWhenContainedIn:self, nil];
- 背景图片
- ![](http:https://img.haomeiwen.com/i608238/72847773e7f3af76.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)
```objc
// 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;
- 标题垂直偏移
- ![](http:https://img.haomeiwen.com/i608238/7761bd834709f62d.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)
```objc
- (void)setTitleVerticalPositionAdjustment:(CGFloat)adjustment forBarMetrics:(UIBarMetrics)barMetrics
返回按钮更改
系统原装效果:
如果有以下需求:
- 去除上面返回按钮上“我是标题”字样,并设置返回图片为白色
分析
- 图片修改
- 方式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还会使按钮更加偏向右边:
通过以下方式可以使按钮向左边靠:
- 采用customView,
添加自己定义的UIButton
...
// 返回按钮内容左靠
button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;
// 让返回按钮内容继续向左边偏移10
button.contentEdgeInsets = UIEdgeInsetsMake(0, -10, 0, 0);
...
viewController.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:button];