更改 iOS 工具栏中的默认图标颜色

Question

我需要工具栏中的自定义图标（黄色工具栏背景上的黑色图标）。 我尝试了 UIBarButtonItem initWithImage 构造函数，但在这种情况下 图标是用alpha值显示的，好像没办法 更改基本的白色图标颜色。我最终使用了 UIButton，但它会好得多， 仅更改默认图标颜色，可以吗？

UIImage *buttonImage = [UIImage imageNamed:iconName];

UIBarButtonItem *bi = [[UIBarButtonItem alloc] initWithImage:buttonImage style:UIBarButtonItemStylePlain target:nil action:nil];

Answer 1

您可以通过设置色调使工具栏变成黄色：

toolbar.tintColor = [UIColor colorWithRed:0.83 green:0.43 blue:0.57 alpha:0.5];

如果您想要自定义 UIBarButtonItem 具有自定义图像、颜色等...就像您在 UIButton 中一样，一种选择是创建一个类，将 UIButton 封装为 UIBarButtonItem 中的自定义视图。这是我的自定义课程 - 希望它有所帮助：

@interface ENBarButtonImageItem : UIBarButtonItem
{
     UIButton *_button;
}

@implementation ENBarButtonImageItem

- (id)initWithFrame:(CGRect)frame 
              image:(UIImage*)image 
    backgroundImage:(UIImage*)bgImage
{
    _button = [UIButton buttonWithType:UIButtonTypeCustom];
    [_button setFrame:frame];

    self = [super initWithCustomView:_button];
    if (self) 
    {
        if (image)
            [_button setImage:image forState:UIControlStateNormal];

        if (bgImage)
            [_button setBackgroundImage:bgImage forState:UIControlStateNormal];

    }
    return self;    
}

- (id)initWithFrame:(CGRect)frame 
              image:(UIImage*)image 
    backgroundImage:(UIImage*)bgImage 
             target:(id)target 
             action:(SEL)selector
{
    self = [self initWithFrame:frame image:image backgroundImage:bgImage];
    if (self)
    {
        [_button addTarget:target action:selector forControlEvents:UIControlEventTouchUpInside];
    }

    return self;
}

- (void)dealloc
{
    [super dealloc];
    [_button release];
}

- (void)addTarget:(id)target action:(SEL)selector forControlEvents:(UIControlEvents)controlEvents
{
    [_button addTarget:target action:selector forControlEvents:controlEvents];
}

- (void)setImage:(UIImage *)image forState:(UIControlState)state
{
    [_button setImage:image forState:state];
}

- (void)setBackgroundImage:(UIImage *)image forState:(UIControlState)state
{
    [_button setImage:image forState:state];
}

Answer 2

阅读initWithImage:style:target:action:参数说明

图片
该项目的图像。如果为零，则不显示图像。

栏上显示的图像源自此图像。如果该图像太大而无法放在条上，则会缩放以适合该图像。通常，工具栏和导航栏图像的大小为 20 x 20 点。源图像中的 Alpha 值用于创建图像 - 不透明值将被忽略。

除了 alpha 之外的所有内容都将被忽略。工具栏是黑白的。
如果您确实需要颜色，则可以子类化或使用其他 UI 框架，例如 Three20 。