最近做项目需要自定义UINavigationBar的返回按钮,一般是用自定义图片来做。
UIButton *backButton = [UIButton buttonWithType:UIButtonTypeCustom];
backButton.frame = CGRectMake(0, 0, 50, 30);
[backButton setBackgroundImage:[UIImage imageNamed:@"button.png"] forState:UIControlStateNormal];
[backButton setTitle:@"come" forState:UIControlStateNormal];
[backButton addTarget:self action:@selector(backAction) forControlEvents:UIControlEventTouchUpInside];
UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithCustomView:backButton];
self.navigationItem.leftBarButtonItem = backItem;
注意:这里只能用leftBarButtonItem 如果用backBarButtonItem是不能改背景的。
如果一个项目大量用到自定义返回按钮,那我们就得写大量的重复代码,我们可以定义一个类继承UIBarButtonItem,具体代码如下:
@implementation BSUIBarButtonItem
-(id)initWithImage:(NSString *)backImage setType:(BSUIBarButtonItemType)buttonType
setTarget:(id)target setAction:(SEL)action forControlEvents:(UIControlEvents)event
{
if (self = [super init]) {
UIButton *button = [[UIButton alloc] init];
if (buttonType == BSUIBarButtonItemNormal) {
[button setBackgroundImage:[[UIImage imageNamed:@"topbar-right-button.png"] stretchableImageWithLeftCapWidth:10 topCapHeight:15] forState:UIControlStateNormal];
[button setBackgroundImage:[[UIImage imageNamed:@"topbar-right-button-press.png"] stretchableImageWithLeftCapWidth:10 topCapHeight:15] forState:UIControlStateHighlighted];
button.frame = CGRectMake(0, 0, 45, 30);
}
else if(buttonType == BSUIBarButtonItemBack){
[button setBackgroundImage:[UIImage imageNamed:@"topbar-left-button.png"] forState:UIControlStateNormal];
[button setBackgroundImage:[UIImage imageNamed:@"topbar-left-button-press.png"] forState:UIControlStateHighlighted];
button.frame = CGRectMake(0, 0, 54, 30);
}
[button addTarget:target action:action forControlEvents:event];
[button setImage:[UIImage imageNamed:backImage] forState:UIControlStateNormal];
self.customView = button;
[button release];
}
return self;
}
-(id)initWithTitle:(NSString *)title setType:(BSUIBarButtonItemType)buttonType
setTarget:(id)target setAction:(SEL)action forControlEvents:(UIControlEvents)event
{
if (self = [super init]) {
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
button.frame = CGRectMake(0, 0, 59, 32);
[button addTarget:target action:action forControlEvents:event];
[button setTitle:title forState:UIControlStateNormal];
button.titleLabel.font = [UIFont boldSystemFontOfSize:[title length] > 2 ? 12 : 14];
[button setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
[button setTitleColor:[UIColor grayColor] forState:UIControlStateDisabled];
if (buttonType == BSUIBarButtonItemNormal) {
[button setBackgroundImage:[[UIImage imageNamed:@"topbar-right-button.png"] stretchableImageWithLeftCapWidth:10 topCapHeight:15] forState:UIControlStateNormal];
[button setBackgroundImage:[[UIImage imageNamed:@"topbar-right-button-press.png"] stretchableImageWithLeftCapWidth:10 topCapHeight:15] forState:UIControlStateHighlighted];
button.frame = CGRectMake(0, 0, 45, 30);
if ([title length] == 4) {
button.frame = CGRectMake(0, 0, 68, 30);
}
}
else if(buttonType == BSUIBarButtonItemBack){
button.frame = CGRectMake(0, 0, 54, 30);
[button setTitleEdgeInsets:UIEdgeInsetsMake(0, 5, 0, 0)];
[button setBackgroundImage:[UIImage imageNamed:@"topbar-left-button.png"] forState:UIControlStateNormal];
[button setBackgroundImage:[UIImage imageNamed:@"topbar-left-button-press.png"] forState:UIControlStateHighlighted];
}
self.customView = button;
}
return self;
}
再要用到它的地方,只需要一句话生成即可,想要更改的话,只需要更改继承UIBarButtonItem这个类即可,是不是方便了很多呢?
BSUIBarButtonItem *rightButton = [[BSUIBarButtonItem alloc] initWithImage:@"左上栏目.png" setType:BSUIBarButtonItemNormal setTarget:self setAction:@selector(pushAction) forControlEvents:UIControlEventTouchUpInside];
self.navigationItem.rightBarButtonItem = rightButton;
效果如下图:
如果只想改返回按钮的title,需要在上一个viewController里面写上如下代码 :
UIBarButtonItem *backButtonItem = [[UIBarButtonItem alloc] init];
backButtonItem.title = @"返回";
self.navigationItem.backBarButtonItem = backButtonItem;
若你非要在当前ViewController里改back按钮的title可以用下面的方法:
UIBarButtonItem *leftButton = [[UIBarButtonItem alloc] init];
leftButton.title = @"back";
leftButton.target = self;
leftButton.action = @selector(back:);
self.navigationItem.leftBarButtonItem = leftButton;
注意:必须 用leftBarButtonItem 用backBarButtonItem是改不了的。