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,代码如下:
实现如下方法:
然后把这样一个Button作为left button,代码如下:
这样可以解决问题,但并不完美,
如果我们我们从一个controller跳转到这样一个controller中:
[self.navigationController pushViewController:[[TestViewController alloc] init] animated:YES];
那么你会发现这个left button位置一开始并不正确,然后通过一个动画移动到我们希望的位置上。
大致效果是这样,controller启动时候有一个明显的动画,蓝色的view在移动,而导航栏上的button也在移动
启动完成后button才回到正确的位置,如下图
而这个动画显然不是我们需要的!
解决办法2:
去掉button的alignmentRectInsets方法实现,
将left button设置代码修改如下:
这里最重要是的我们设置了button的imageEdgeInsets,让它在构造的时候就在-13这个位置固定住,而不是layout的时候才移动到我们希望的位置上。
本文由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 | } |
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]; |
相关文章推荐
- iOS7新特性-完美解决iOS7关于自定义导航条UIBarButtonItem偏移的问题
- iOS7新特性-完美解决iOS7关于自定义导航条UIBarButtonItem偏移的问题
- 关于iOS7之后自定义leftnavigationitem后手势无法响应问题的解决办法
- 解决iOS7上自定义导航条UIBarButtonItem偏移问题
- 自定义ComboBox控件,完美解决C#自带的ComboBox效率慢的问题
- ios7以上,导航栏的按钮会出现向中间偏移问题的解决方法
- Android 如何完美解决MenuItem偏移问题
- 关于MyEclipse6.5 jsp 提示假死问题解决 完美方案
- iOS11 完美解决导航栏按钮偏移问题 韩俊强的博客
- 自定义viewgroup实现自动换行的布局,同时解决自定义布局在wrapcontent下高度不能自适应的问题,plus一些关于Component重写的基础知识
- 关于PreferenceActivity的使用和一些问题的解决(自定义Title和取值)
- 关于解决自定义FloatingActionButton滑动行为(Behavior)只隐藏不出现的问题
- 关于使用xib的自定义UITableViewCell中修改其中view的问题及解决
- 关于iOS7中UIView效果失效问题的解决
- 三句话解决IOS7下透明导航栏情况TableView向上偏移问题
- 关于自定义相机照片横竖屏转换问题的解决
- 关于禁止ViewPager预加载问题,完美解决!
- 关于谷歌地图GPS偏移问题的解决办法
- 针对上篇关于 WebKit 内核浏览器的Image.loading 问题的补充。我的问题完美解决!
- 使用mssql2008新特性(存储过程参数类型使用"用户自定义表"来实现批量DML更新多表)解决项目里遇到的性能问题