需求
项目中需要用到一个只有返回图片的返回按钮
bug演示
录屏.gif
说明:这个bug其实之前就已经存在了,只是现在得到了领导的重视.各种调试,搞了一上午才找到问题所在.
记录一下顺便提供实现自定义返回按钮的方法.
1.网上搜罗的一个方法,也是造成这个bug的主要原因:
项目一般会重写一个继承UINavigationController的导航控制器 ,然后实现两个方法:
+ (void)initialize{
UIImage *backButtonImage = [UIImage imageNamed:@"back_normal"];//返回按钮的图片
[[UIBarButtonItem appearance] setBackButtonBackgroundImage:backButtonImage forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
[[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(NSIntegerMin, NSIntegerMin) forBarMetrics:UIBarMetricsDefault];
}
- (BOOL)navigationBar:(UINavigationBar *)navigationBar shouldPushItem:(UINavigationItem *)item{
UIBarButtonItem *back = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:nil action:nil];
item.backBarButtonItem = back;
return YES;
}
使用以上的方法确实可以实现我们的需求,但是bug 就是最上面gif图中的情况.
原因分析:
主要问题在于这个方法:
[[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(NSIntegerMin, NSIntegerMin) forBarMetrics:UIBarMetricsDefault];
NSIntegerMin 是一个负数,而且数量级很大的一个负数.这个其实是搞的返回按钮的title的偏移量,NSIntegerMin = LONG_MIN = -9223372036854775808; 当时提供方法的人写这个值估计是为了保险吧😂😂😂😂😂
参数UIOffset的定义:
typedef struct UIEdgeInsets {
CGFloat top, left, bottom, right; // specify amount to inset (positive) for each of the edges. values can be negative to 'outset'
} UIEdgeInsets;//这个我们倒是经常用
typedef struct UIOffset {
CGFloat horizontal, vertical; // specify amount to offset a position, positive for right or down, negative for left or up 指定的偏移位置 右下是正数 左上是负数.
} UIOffset;
这个方法到底是怎么给我们捣乱的呢? 我把参数写小一点的情况:
比如参数都传-100 或者 100:
[[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(100, 100) forBarMetrics:UIBarMetricsDefault];
截图1
.png
后台列表所显示的视图应该不是当前viewController的view直接显示,而是经过系统内部处理过的(具体怎么处理,技术有限,摊手~),本人试过,偏移量超过-1000 其实就已经会造成gif图中的bug了,
为了不出现gif图中的bug,有两种解决方式
1.不使用NSIntegerMin那么大数量级的负数 用 个-100就行了.
2.不设置title的偏移量 而是在我们的基类控制器的viewDidLoad中实现以下方法.
self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:nil action:nil];
截图3.png
连title都没有了,清爽😉
