iOS导航BarButtonItem文字或者图片与屏幕边界的间隔调整方法
2017-04-26 17:07
411 查看
在设置navigationItem的leftBarButtonItem或rightBarButtonItem时,
用CustomView初始化UIBarButtonItem,不论怎么设置CustomView的frame,
添加到导航条上之后总是和屏幕边界有一定的间距(5pix),
如何自由调整这个间距呢?
下面介绍两种方法:
1、不用直接设置rightBartButtonItem而是设置rightBartButtonItems,并且第一个item设置为一个占位。
[objc] view
plain copy
print?
- (UIButton *)addRightItemWithTitle:(NSString *)title action:(SEL)action {
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
CGSize size = [title sizeWithFont:[UIFont systemFontOfSize:16]];
//! 这里需要根据内容大小来调整宽度
button.frame = CGRectMake(0, 0, size.width <= 10 ? 70 : size.width + 10, 44);
button.titleLabel.textColor = [UIColor whiteColor];
button.titleLabel.font = [UIFont systemFontOfSize:16];
button.titleLabel.textAlignment = NSTextAlignmentRight;
[button setTitle:title forState:UIControlStateNormal];
/**
* width为负数时,相当于btn向右移动width数值个像素,由于按钮本身和边界间距为5pix,所以width设为-15时,间距正好调整
* 为10;width为正数时,正好相反,相当于往左移动width数值个像素
*/
UIBarButtonItem *negativeSpacer = [[UIBarButtonItem alloc]
initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace
target:nil action:nil];
negativeSpacer.width = -15;
[button addTarget:self action:action forControlEvents:UIControlEventTouchUpInside];
UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithCustomView:button];
self.navigationItem.rightBarButtonItems = @[negativeSpacer, backItem];
return button;
}
2、如果是只有图片,那么通过设置
[button setImageEdgeInsets:UIEdgeInsetsMake(0, -15, 0, -15)];这样也可以调整
[objc] view
plain copy
print?
- (UIButton *)addRightItemWithImage:(NSString *)imageName action:(SEL)action {
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
UIImage *image = [UIImage imageNamed:imageName];
button.frame = CGRectMake(0, 0, image.size.width, image.size.height);
// 这里需要注意:由于是想让图片右移,所以left需要设置为正,right需要设置为负。正在是相反的。
// 让按钮图片右移15
[button setImageEdgeInsets:UIEdgeInsetsMake(0, 15, 0, -15)];
[button setImage:image forState:UIControlStateNormal];
[button addTarget:self action:action forControlEvents:UIControlEventTouchUpInside];
button.titleLabel.font = [UIFont systemFontOfSize:16];
UIBarButtonItem *rightItem = [[UIBarButtonItem alloc] initWithCustomView:button];
self.navigationItem.rightBarButtonItem = rightItem;
return button;
}
用CustomView初始化UIBarButtonItem,不论怎么设置CustomView的frame,
添加到导航条上之后总是和屏幕边界有一定的间距(5pix),
如何自由调整这个间距呢?
下面介绍两种方法:
1、不用直接设置rightBartButtonItem而是设置rightBartButtonItems,并且第一个item设置为一个占位。
[objc] view
plain copy
print?
- (UIButton *)addRightItemWithTitle:(NSString *)title action:(SEL)action {
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
CGSize size = [title sizeWithFont:[UIFont systemFontOfSize:16]];
//! 这里需要根据内容大小来调整宽度
button.frame = CGRectMake(0, 0, size.width <= 10 ? 70 : size.width + 10, 44);
button.titleLabel.textColor = [UIColor whiteColor];
button.titleLabel.font = [UIFont systemFontOfSize:16];
button.titleLabel.textAlignment = NSTextAlignmentRight;
[button setTitle:title forState:UIControlStateNormal];
/**
* width为负数时,相当于btn向右移动width数值个像素,由于按钮本身和边界间距为5pix,所以width设为-15时,间距正好调整
* 为10;width为正数时,正好相反,相当于往左移动width数值个像素
*/
UIBarButtonItem *negativeSpacer = [[UIBarButtonItem alloc]
initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace
target:nil action:nil];
negativeSpacer.width = -15;
[button addTarget:self action:action forControlEvents:UIControlEventTouchUpInside];
UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithCustomView:button];
self.navigationItem.rightBarButtonItems = @[negativeSpacer, backItem];
return button;
}
2、如果是只有图片,那么通过设置
[button setImageEdgeInsets:UIEdgeInsetsMake(0, -15, 0, -15)];这样也可以调整
[objc] view
plain copy
print?
- (UIButton *)addRightItemWithImage:(NSString *)imageName action:(SEL)action {
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
UIImage *image = [UIImage imageNamed:imageName];
button.frame = CGRectMake(0, 0, image.size.width, image.size.height);
// 这里需要注意:由于是想让图片右移,所以left需要设置为正,right需要设置为负。正在是相反的。
// 让按钮图片右移15
[button setImageEdgeInsets:UIEdgeInsetsMake(0, 15, 0, -15)];
[button setImage:image forState:UIControlStateNormal];
[button addTarget:self action:action forControlEvents:UIControlEventTouchUpInside];
button.titleLabel.font = [UIFont systemFontOfSize:16];
UIBarButtonItem *rightItem = [[UIBarButtonItem alloc] initWithCustomView:button];
self.navigationItem.rightBarButtonItem = rightItem;
return button;
}
相关文章推荐
- iOS导航BarButtonItem文字或者图片与屏幕边界的间隔调整方法
- iOS导航BarButtonItem文字或者图片与屏幕边界的间隔调整方法
- IOS-将长文字转化成图片方法
- iOS中用UIWebView的loadHTMLString后图片和文字失调解决方法
- iOS中给图片加水印或文字的几种方法
- IOS 绘图实战之“图片添加文字或者水印”
- IOS-将长文字转化成图片方法
- ios开发如何让navigationItem自带的返回按钮设置成图片或者不显示文字
- ios代码调整button图片image文字title位置
- iOS中用UIWebView的loadHTMLString后图片和文字失调解决方法
- iOS学习之——button重写方法改变button中图片文字的位置
- 将文本文件的内容或者文字保存成图片的方法分享
- iOS开发-调整按钮的图片文字位置
- ios图片添加文字或者水印
- iOS常用小功能(获得屏幕图像、压缩图片、加边框、调整label的size)
- iOS 微博 OAuth2.0 分享 文字 + 图片 微博的方法
- iOS将文字添加到图片上的方法
- [iOS]类似新浪微博或者人人客户端中,中间UITabBarItem只有图片,使图片居中的方法
- 将文本文件的内容或者文字保存成图片的方法分享
- iOS获取屏幕亮度和调整屏幕亮度的方法