iOS7新特性-完美解决iOS7关于自定义导航条UIBarButtonItem偏移的问题
2013-11-26 10:59 三戒1993 阅读(128) 评论(0) 编辑 收藏 举报前言:
本文由DevDiv社区@Vincent 原创,转载请注明出处!
http://www.devdiv.com/iOS_iPhone-ios_ios_uibarbuttonitem_-thread-206858-1-1.html
问题引入:
iOS7中导航栏按钮图片会有左右偏移,比如leftBarButtonItem可能会向右偏移10几个像素。
解决办法1:
自定义一个Button,代码如下:
1 |
@interface BarItemButton : UIButton |
2 |
|
3 |
@end |
实现如下方法:
01 |
- (UIEdgeInsets)alignmentRectInsets |
02 |
{ |
03 |
UIEdgeInsets insets; |
04 |
if([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0) |
05 |
{ |
06 |
if([self isLeftButton]) |
07 |
{ |
08 |
insets = UIEdgeInsetsMake(0, 13, 0, 0); |
09 |
} |
10 |
else |
11 |
{ |
12 |
insets = UIEdgeInsetsMake(0, 0, 0, 13); |
13 |
} |
14 |
} |
15 |
else |
16 |
{ |
17 |
insets = UIEdgeInsetsZero; |
18 |
} |
19 |
|
20 |
return insets; |
21 |
} |
22 |
|
23 |
- (BOOL)isLeftButton |
24 |
{ |
25 |
return self.frame.origin.x < (self.superview.frame.size.width / 2); |
26 |
} |
然后把这样一个Button作为left button,代码如下:
1 |
UIButton* btn = [BarItemButton buttonWithType:UIButtonTypeCustom]; |
2 |
btn.frame = CGRectMake(0, 0, 45, 40); |
3 |
[btn setImage:[UIImage imageNamed:@"come_back.png"] forState:UIControlStateNormal]; |
4 |
[btn addTarget:self action:@selector(handleBack:) forControlEvents:UIControlEventTouchUpInside]; |
5 |
self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:btn]; |
这样可以解决问题,但并不完美,
如果我们我们从一个controller跳转到这样一个controller中:
[self.navigationController pushViewController:[[TestViewController alloc] init] animated:YES];
那么你会发现这个left button位置一开始并不正确,然后通过一个动画移动到我们希望的位置上。
大致效果是这样,controller启动时候有一个明显的动画,蓝色的view在移动,而导航栏上的button也在移动
启动完成后button才回到正确的位置,如下图
而这个动画显然不是我们需要的!
解决办法2:
去掉button的alignmentRectInsets方法实现,
将left button设置代码修改如下:
1 |
self.view.backgroundColor = [UIColor blueColor]; |
2 |
UIButton* btn = [BarItemButton buttonWithType:UIButtonTypeCustom]; |
3 |
btn.frame = CGRectMake(0, 0, 45, 40); |
4 |
[btn setImage:[UIImage imageNamed:@"come_back.png"] forState:UIControlStateNormal]; |
5 |
btn.imageEdgeInsets = UIEdgeInsetsMake(0, -13, 0, 0); |
6 |
[btn addTarget:self action:@selector(handleBack:) forControlEvents:UIControlEventTouchUpInside]; |
7 |
self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:btn]; |
这里最重要是的我们设置了button的imageEdgeInsets,让它在构造的时候就在-13这个位置固定住,而不是layout的时候才移动到我们希望的位置上。