您的位置:首页 > 产品设计 > UI/UE

iOS7新特性-完美解决iOS7关于自定义导航条UIBarButtonItem偏移的问题

2013-11-26 10:59 513 查看
前言:

本文由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的时候才移动到我们希望的位置上。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐