如何将UIBarButtonItem同时包含图像和文本？

Question

当我尝试将图像用于UIBarButtonItem时,不显示文本.有没有办法显示文字和图像？

Answer 1

您可以使用包含图像和文本的自定义视图来初始化UIBarButtonItem.这是一个使用UIButton的示例.

UIImage *chatImage = [UIImage imageNamed:@"08-chat.png"];

UIButton *chatButton = [UIButton buttonWithType:UIButtonTypeCustom];
[chatButton setBackgroundImage:chatImage forState:UIControlStateNormal];
[chatButton setTitle:@"Chat" forState:UIControlStateNormal];
chatButton.frame = (CGRect) {
    .size.width = 100,
    .size.height = 30,
};

UIBarButtonItem *barButton= [[[UIBarButtonItem alloc] initWithCustomView:chatButton] autorelease];
self.toolbar.items = [NSArray arrayWithObject:barButton];

Answer 2

我建议使用Storyboard如何做到这一点:

1. 拖放到ToolBar通常的UIView.它会自动包装到Bar Button Item.在"尺寸检查器"中调整视图宽度.更改视图的背景颜色以清除颜色.

2. 将UIButton和UILabel放在View中.您可以使用约束来调整其位置.你也可以把它放在一个视图之外,例如,更高或更低(就像在我的图片上).为UIButton放置默认和突出显示的图像.

3. 复制栏按钮项目并调整其他按钮.添加灵活空间.

4. 创建网点.

5. 完成:).当你运行app时,你得到这样的工具栏:

PS 在这里,您可以阅读如何使用.xib创建UIToolbar子类

Answer 3

Swift 4.2 与目标

extension UIBarButtonItem {
    convenience init(image :UIImage, title :String, target: Any?, action: Selector?) {
        let button = UIButton(type: .custom)
        button.setImage(image, for: .normal)
        button.setTitle(title, for: .normal)
        button.frame = CGRect(x: 0, y: 0, width: image.size.width, height: image.size.height)

        if let target = target, let action = action {
            button.addTarget(target, action: action, for: .touchUpInside)
        }

        self.init(customView: button)
    }
}

Answer 4

UIButton *button =  [UIButton buttonWithType:UIButtonTypeCustom];
[button setImage:[UIImage imageNamed:@"image.png"] forState:UIControlStateNormal];
[button addTarget:target action:@selector(buttonAction:)forControlEvents:UIControlEventTouchUpInside];
[button setFrame:CGRectMake(0, 0, 53, 31)];
UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(3, 5, 50, 20)];
[label setFont:[UIFont fontWithName:@"Arial-BoldMT" size:13]];
[label setText:title];
label.textAlignment = UITextAlignmentCenter;
[label setTextColor:[UIColor whiteColor]];
[label setBackgroundColor:[UIColor clearColor]];
[button addSubview:label];
UIBarButtonItem *barButton = [[UIBarButtonItem alloc] initWithCustomView:button];
self.navigationItem.leftBarButtonItem = barButton;