UIToolbar UIBarButtonItem avec à la fois l'image et le titre est très sombre, texte

Mon iPhone vue ajoute des boutons personnalisés à sa barre d'outils. Chaque bouton possède à la fois une image et le texte, le titre, et qui est créé comme ceci:

UIBarButtonItem *fooButton = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"foo.png"] style:UIBarButtonItemStylePlain target:self action:@selector(fooButtonPressed:)];
fooButton.title=@"Foo";

Le titre du texte s'affiche très faible; on dirait qu'il a un alpha de l'ordre de 0,5. Si j'utilise la valeur par défaut UIToolBar barStyle, je ne peux pas lire le texte à tous. Lors de l'utilisation de UIBarStyleBlack, je peux lire le texte, mais il semble encore très faible.

J'ai aussi essayé initWithTitle, puis définissez la propriété d'image; les résultats sont identiques.

Est-il un moyen pour égayer le texte? J'espère pour un aspect similaire à un UITabBar dont les éléments ont à la fois une image et le titre.

Merci pour l'aide!

Avez-vous essayé de changer la couleur du texte?

OriginalL'auteur MyCatsNameIsBernie | 2009-10-07

  1. 7

    J'ai essayé d'utiliser le UIBarButtonItem pour afficher à la fois une image et un bouton, mais je suis sûr que c'est verrouillé vers le bas pour afficher l'un ou l'autre. À l'aide de l'idée de base de ce fil je suis venu avec une solution à l'aide d'un UIButton et une image d'arrière-plan. Le plus grand défaut de ce que j'ai fait c'est que lorsque le texte du titre varie en taille beaucoup, l'image de fond s'étend causant des coins arrondis à l'air un peu à côté.

    CustomBarButtonItem.h

    #import <UIKit/UIKit.h>


@interface CustomBarButtonItem : UIBarButtonItem {}

- (id) initWithImage:(UIImage *)image title:(NSString *)title target:(id)target action:(SEL)action;

@end


@interface UIBarButtonItem (CustomBarButtonItem)

+ (UIBarButtonItem *) barButtonItemWithImage:(UIImage *)image title:(NSString *)title target:(id)target action:(SEL)action;

@end

    CustomBarButtonItem.m

    #import "CustomBarButtonItem.h"
@implementation CustomBarButtonItem
- (id) initWithImage:(UIImage *)image title:(NSString *)title target:(id)target action:(SEL)action {
UIButton *barButton = [UIButton buttonWithType:UIButtonTypeCustom];
UIFont *font = [UIFont boldSystemFontOfSize:13];
barButton.titleLabel.font = font;
barButton.titleLabel.shadowOffset = CGSizeMake(0, -1);
barButton.titleEdgeInsets = UIEdgeInsetsMake(0, 10, 0, 5);
[barButton setImage:image forState:UIControlStateNormal];
[barButton setTitle:title forState:UIControlStateNormal];
[barButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
[barButton setTitleColor:[UIColor lightGrayColor] forState:UIControlStateHighlighted];
[barButton setTitleShadowColor:[[UIColor blackColor] colorWithAlphaComponent:0.5] forState:UIControlStateNormal];
[barButton setBackgroundImage:[UIImage imageNamed:@"bar-button-item-background.png"] forState:UIControlStateNormal];
barButton.frame = CGRectMake(0, 0, image.size.width + 15 + [title sizeWithFont:font].width, 30);
if (self = [super initWithCustomView:barButton]) {
self.target = target;
self.action = action;
}
return self;
}
@end
@implementation UIBarButtonItem (CustomBarButtonItem)
+ (UIBarButtonItem *) barButtonItemWithImage:(UIImage *)image title:(NSString *)title target:(id)target action:(SEL)action {
return [[[CustomBarButtonItem alloc] initWithImage:image title:title target:target action:action] autorelease];
}
@end

    Exemple d'utilisation:

    UIBarButtonItem *customButtonItem = [UIBarButtonItem barButtonItemWithImage:[UIImage imageNamed:@"calendar.png"] title:@"Add to calendar" target:self action:@selector(addToCalendar)];

    Mon image de fond pour le bouton:

    UIToolbar UIBarButtonItem avec à la fois l'image et le titre est très sombre, texte

    Cela aide vraiment à l'étirement: UIImage *image = [UIImage imageNamed:@"de la barre de bouton de l'élément d'arrière-plan.png"]; UIImage *sbImage = [image stretchableImageWithLeftCapWidth:23 topCapHeight:0]; // utiliser pour l'arrière-plan
    Une idée de comment mettre une frontière comme un bouton? Qu'avec une image?
    qu'entendez-vous par une "frontière comme un bouton"? Qu'est-ce exactement que vous souhaitez atteindre?
    Mon bouton n'ont pas de frontière. Même si je me force à UIBarButtonItemStyleBordered
    Je ne pense pas que votre question a à voir avec ce fil, pensez à poser une nouvelle question? La façon dont la frontière est créé dans cette solution est tout simplement à l'aide de l'image d'arrière-plan.

    OriginalL'auteur Johnus

  2. 2

    Johnus la solution est assez utile.
    Mais je l'ai essayé et un petit problème s'est produit: l'action n'a pas été envoyé pour le bouton de la barre d'élément, donc j'ai modifié l'initialiseur un peu :

    - (id) initWithImage:(UIImage *)image title:(NSString *)title target:(id)target action:(SEL)action {
UIButton *barButton = [UIButton buttonWithType:UIButtonTypeCustom];
UIFont *font = [UIFont boldSystemFontOfSize:13];
barButton.titleLabel.font = font;
barButton.titleLabel.shadowOffset = CGSizeMake(0, -1);
barButton.titleEdgeInsets = UIEdgeInsetsMake(0, 10, 0, 5);
[barButton setImage:image forState:UIControlStateNormal];
[barButton setTitle:title forState:UIControlStateNormal];
[barButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
[barButton setTitleColor:[UIColor lightGrayColor] forState:UIControlStateHighlighted];
[barButton setTitleShadowColor:[[UIColor blackColor] colorWithAlphaComponent:0.5] forState:UIControlStateNormal];
[barButton setBackgroundImage:[UIImage imageNamed:@"bar-button-item-background.png"] forState:UIControlStateNormal];
barButton.frame = CGRectMake(0, 0, image.size.width + 15 + [title sizeWithFont:font].width, 30);
if (self = [super initWithCustomView:barButton]) {
self.target = target;
self.action = action;
//I've added just one line of code here
[barButton addTarget:target
action:action
forControlEvents:UIControlEventTouchUpInside];
}
return self;
}

    OriginalL'auteur Son Huy TRAN

  3. 0

    Les réponses ici sont gentils, cependant il vous est souvent un peu plus facile à utiliser composition plutôt que héritage avec UIKit classes.

    Créer un élément de barre comme suit:

    _accountBarItem =
[[UIBarButtonItem alloc] initWithCustomView:[CustomerBarView buttonWithImage:
[UIImage imageNamed:@"Account.png"] text:@"Account"]];
[_accountBarItem setTarget:self];
[_accountBarItem setAction:@selector(accountButtonPressed)];

    Mise en œuvre de l'Affichage Personnalisé avec l'Image et le Label

    @implementation CustomBarView
+ (instancetype)buttonWithImage:(UIImage*)image text:(NSString*)text
{
CustomBarView* button = [[CustomBarView alloc] initWithFrame:CGRectMake(0, 0, 44, 44)];
[button setText:text];
[button setImage:image];
return button;
}
- (id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self)
{
_uiButton = [UIButton buttonWithType:UIButtonTypeCustom];
[self addSubview:_uiButton];
_label = [[UILabel alloc] initWithFrame:CGRectZero];
[_label setTextColor:[UIColor whiteColor]];
[_label setFont:[UIFont boldApplicationFontOfSize:9]];
[_label setBackgroundColor:[UIColor clearColor]];
[_label setTextAlignment:NSTextAlignmentCenter];
[self addSubview:_label];
}
return self;
}
- (void)setText:(NSString*)text
{
[_label setText:text];
}
- (void)setImage:(UIImage*)image
{
[_uiButton setImage:image forState:UIControlStateNormal];
}
- (void)layoutSubviews
{
[super layoutSubviews];
[_uiButton setFrame:self.bounds];
[_label setFrame:CGRectMake(2, self.height - 13, self.width - 4, 15)];
}
@end
    Cela n'a pas fonctionné pour moi. J'ai une image mais pas de texte, et l'action ne se déclenche pas lorsque le bouton a été mis sur écoute.

    OriginalL'auteur Jasper Blues