Est-il possible de changer la couleur d'arrière-plan d'un UIButton?

Question

Celui-ci me laisse perplexe.

Est-il possible de changer la couleur de fond d'un UIButton en Cocoa pour iPhone ? J'ai essayé de définir la couleur de fond mais cela ne change que les coins. setBackgroundColor: semble être la seule méthode disponible pour ce genre de choses.

[random setBackgroundColor:[UIColor blueColor]];
[random.titleLabel setBackgroundColor:[UIColor blueColor]];

Answer 1

Cela peut être fait de manière programmable en créant une réplique :

loginButton = [UIButton buttonWithType:UIButtonTypeCustom];
[loginButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
loginButton.backgroundColor = [UIColor whiteColor];
loginButton.layer.borderColor = [UIColor blackColor].CGColor;
loginButton.layer.borderWidth = 0.5f;
loginButton.layer.cornerRadius = 10.0f;

edit : bien sûr, vous devriez #import

edit : à tous les nouveaux lecteurs, vous devriez également envisager quelques options ajoutées comme étant "une autre possibilité". pour votre considération.

Comme il s'agit d'une ancienne réponse, je recommande vivement de lire les commentaires pour le dépannage

Answer 2

J'ai une approche différente,

[btFind setTitle:NSLocalizedString(@"Find", @"") forState:UIControlStateNormal];
[btFind setBackgroundImage:[CommonUIUtility imageFromColor:[UIColor cyanColor]] forState:UIControlStateNormal];
btFind.layer.cornerRadius = 8.0;
btFind.layer.masksToBounds = YES;
btFind.layer.borderColor = [UIColor lightGrayColor].CGColor;
btFind.layer.borderWidth = 1;

De CommonUIUtility,

+ (UIImage *) imageFromColor:(UIColor *)color {
    CGRect rect = CGRectMake(0, 0, 1, 1);
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(context, [color CGColor]);
    //  [[UIColor colorWithRed:222./255 green:227./255 blue: 229./255 alpha:1] CGColor]) ;
    CGContextFillRect(context, rect);
    UIImage *img = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return img;
}

N'oubliez pas d'#import

Answer 3

Je suppose que vous parlez d'un UIButton avec UIButtonTypeRoundedRect? Vous ne pouvez pas changer la couleur de fond de celui-ci. Lorsque vous essayez de changer sa couleur de fond, vous changez plutôt la couleur du rectangle sur lequel le bouton est dessiné (qui est généralement transparent). Il y a donc deux façons de procéder. Soit vous sous-classez UIButton et écrivez sa méthode -drawRect:, soit vous créez des images pour les différents états du bouton (ce qui est tout à fait acceptable à faire).

Si vous définissez les images de fond dans Interface Builder, vous devriez remarquer que IB ne prend pas en charge le paramétrage des images pour tous les états que le bouton peut avoir. Je recommande donc de définir les images dans le code comme ceci:

UIButton *myButton = [UIButton buttonWithType:UIButtonTypeCustom];
[myButton setBackgroundImage:[UIImage imageNamed:@"normal.png"] forState:UIControlStateNormal];
[myButton setBackgroundImage:[UIImage imageNamed:@"disabled.png"] forState:UIControlStateDisabled];
[myButton setBackgroundImage:[UIImage imageNamed:@"selected.png"] forState:UIControlStateSelected];
[myButton setBackgroundImage:[UIImage imageNamed:@"higligted.png"] forState:UIControlStateHighlighted];
[myButton setBackgroundImage:[UIImage imageNamed:@"highlighted+selected.png"] forState:(UIControlStateHighlighted | UIControlStateSelected)];

La dernière ligne montre comment définir une image pour l'état sélectionné et en surbrillance (que IB ne peut pas définir). Vous n'avez pas besoin des images sélectionnées (ligne 4 et 6) si votre bouton n'a pas besoin d'un état sélectionné.

Answer 4

Une autre possibilité:

1. Créez un UIButton dans l'Interface Builder.
2. Donnez-lui un type 'Custom'
3. Maintenant, dans IB, il est possible de changer la couleur de fond

Cependant, le bouton est carré, et ce n'est pas ce que nous voulons. Créez un IBOutlet avec une référence à ce bouton et ajoutez ce qui suit à la méthode viewDidLoad:

[buttonOutlet.layer setCornerRadius:7.0f];
[buttonOutlet.layer setClipToBounds:YES];

N'oubliez pas d'importer QuartzCore.h

Answer 5

Sous-classe UIButton et remplacer les méthodes setHighlighted et setSelected

-(void) setHighlighted:(BOOL)highlighted {

  if(highlighted) {
    self.backgroundColor = [self.mainColor darkerShade];
  } else {
    self.backgroundColor = self.mainColor;
  }
  [super setHighlighted:highlighted];
}

-(void) setSelected:(BOOL)selected {

  if(selected) {
    self.backgroundColor = [self.mainColor darkerShade];
  } else {
    self.backgroundColor = self.mainColor;
  }
  [super setSelected:selected];
}

Ma méthode darkerShade est dans une catégorie UIColor comme ceci

-(UIColor*) darkerShade {

  float red, green, blue, alpha;
  [self getRed:&red green:&green blue:&blue alpha:&alpha];

  double multiplier = 0.8f;
  return [UIColor colorWithRed:red * multiplier green:green * multiplier blue:blue*multiplier alpha:alpha];
}