É possível alterar a cor de fundo de um UIButtons?

Este me deixou perplexo.

É possível mudar a cor de fundo de um UIButton no Cocoa para iPhone. Tentei definir a cor de fundo, mas só muda os cantos. setBackgroundColor:parece ser o único método disponível para tais coisas.

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

Isso pode ser feito programaticamente, criando uma réplica:

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;

editar: é claro, você teria que #import <QuartzCore/QuartzCore.h>

editar: para todos os novos leitores, você também deve considerar algumas opções adicionadas como "outra possibilidade". para sua consideração.

Como esta é uma resposta antiga, recomendo fortemente a leitura dos comentários para solução de problemas

Eu tenho uma abordagem diferente,

[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;

Do 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ão se esqueça de #import <QuartzCore/QuartzCore.h>

Suponho que você está falando sobre um UIButton com UIButtonTypeRoundedRect? Você não pode mudar a cor de fundo disso. Quando você tenta mudar a cor de fundo, está mudando a cor do retângulo no qual o botão é desenhado (que geralmente é claro). Portanto, há dois caminhos a percorrer. Ou você cria uma subclasse de UIButton e sobrescreve seu -drawRect:método, ou cria imagens para os diferentes estados do botão (o que é perfeitamente adequado ).

Se você definir as imagens de fundo no Interface Builder, deverá notar que o IB não oferece suporte à configuração de imagens para todos os estados que o botão pode ter, portanto, recomendo definir as imagens no código assim:

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)];

A última linha mostra como definir uma imagem para o estado selecionado e destacado (aquele que o IB não pode definir). Você não precisa das imagens selecionadas (linhas 4 e 6) se seu botão não precisa de um estado selecionado.

Outra possibilidade:

1. Crie um UIButton no construtor de Interface.
2. Dê a ele um tipo 'Custom'
3. Agora, no IB é possível mudar a cor de fundo

No entanto, o botão é quadrado e não é isso que queremos. Crie um IBOutlet com uma referência a este botão e adicione o seguinte ao método viewDidLoad:

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

Não se esqueça de importar QuartzCore.h

Subclasse UIButton e substitua os métodos setHighlighted e 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];
}

Meu método darkerShade está em uma categoria UIColor como esta

-(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];
}

Se você não quiser usar imagens e quiser que elas fiquem exatamente como o estilo de retângulo arredondado, tente isto. Basta colocar um UIView sobre o UIButton, com um quadro idêntico e máscara de redimensionamento automático, definir o alfa para 0,3 e definir o fundo para uma cor. Em seguida, use o trecho abaixo para cortar as bordas arredondadas da visualização de sobreposição colorida. Além disso, desmarque a caixa de seleção 'Interação do usuário habilitada' no IB no UIView para permitir que os eventos de toque sejam transmitidos em cascata para o UIButton abaixo.

Um efeito colateral é que seu texto também ficará colorido.

#import <QuartzCore/QuartzCore.h>

colorizeOverlayView.layer.cornerRadius = 10.0f;
colorizeOverlayView.layer.masksToBounds = YES;

Outra possibilidade (o melhor e mais belo imho):

Crie um UISegmentedControl com 2 segmentos na cor de fundo necessária no Interface Builder. Defina o tipo como 'bar'. Em seguida, mude para ter apenas um segmento. O construtor de interface não aceita um segmento, então você deve fazer isso programaticamente.

Portanto, crie um IBOutlet para este botão e adicione-o ao viewDidLoad de sua visualização:

[segmentedButton removeSegmentAtIndex:1 animated:NO];

Agora você tem um lindo botão colorido e brilhante com a cor de fundo especificada. Para ações, use o evento 'valor alterado'.

(Eu encontrei isso em http://chris-software.com/index.php/2009/05/13/creating-a-nice-glass-buttons/ ). Obrigado Chris!

Bem, tenho 99% de certeza de que você não pode simplesmente mudar a cor de fundo de um UIButton. Em vez disso, você mesmo tem que mudar as imagens de fundo, o que eu acho uma dor. Estou surpreso por ter que fazer isso.

Se eu estiver errado ou se houver uma maneira melhor sem ter que definir imagens de fundo, por favor me avise

[random setBackgroundImage:[UIImage imageNamed:@"toggleoff.png"] forState:UIControlStateNormal];
    [random setTitleColor:[UIColor darkTextColor] forState:UIControlStateNormal];


[random setBackgroundImage:[UIImage imageNamed:@"toggleon.png"] forState:UIControlStateNormal];
    [random setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];

Por sugestão de @EthanB e de @karim fazendo um retângulo preenchido, acabei de criar uma categoria para o UIButton conseguir isso.

Basta inserir o código da categoria: https://github.com/zmonteca/UIButton-PLColor

Uso:

[button setBackgroundColor:uiTextColor forState:UIControlStateDisabled];

ForStates opcional para usar:

UIControlStateNormal
UIControlStateHighlighted
UIControlStateDisabled
UIControlStateSelected

Você também pode adicionar uma CALayer ao botão - você pode fazer muitas coisas com eles, incluindo uma sobreposição de cor, este exemplo usa uma camada de cor simples, você também pode graduar a cor facilmente. Esteja ciente de que as camadas adicionadas obscurecem as que estão embaixo

+(void)makeButtonColored:(UIButton*)button color1:(UIColor*) color
{

    CALayer *layer = button.layer;
    layer.cornerRadius = 8.0f;
    layer.masksToBounds = YES;
    layer.borderWidth = 4.0f;
    layer.opacity = .3;//
    layer.borderColor = [UIColor colorWithWhite:0.4f alpha:0.2f].CGColor;

    CAGradientLayer *colorLayer = [CAGradientLayer layer];
    colorLayer.cornerRadius = 8.0f;
    colorLayer.frame = button.layer.bounds;
    //set gradient colors
    colorLayer.colors = [NSArray arrayWithObjects:
                         (id) color.CGColor,
                         (id) color.CGColor,
                         nil];

    //set gradient locations
    colorLayer.locations = [NSArray arrayWithObjects:
                            [NSNumber numberWithFloat:0.0f],
                            [NSNumber numberWithFloat:1.0f],
                            nil];


    [button.layer addSublayer:colorLayer];

}

adicione um segundo alvo UIButtonpara UIControlEventTouchede mude a UIButtoncor de fundo. Em seguida, mude de volta para o UIControlEventTouchUpInsidealvo;

Para botões profissionais e bonitos, você pode verificar este componente de botão personalizado . Você pode usá-lo diretamente em suas visualizações e tableviews ou modificar o código-fonte para fazê-lo atender às suas necessidades. Espero que isto ajude.

Isso não é tão elegante quanto subclassificar UIButton, no entanto, se você quiser algo rápido - o que fiz foi criar um botão personalizado, uma imagem de 1 x 1 pixel com a cor que eu gostaria que o botão tivesse e definir o plano de fundo do botão para aquela imagem para o estado destacado - funciona para minhas necessidades.

Eu sei que isso foi perguntado há muito tempo e agora há um novo UIButtonTypeSystem. Mas as perguntas mais recentes estão sendo marcadas como duplicatas desta pergunta, então aqui está minha resposta mais recente no contexto de um botão do sistema iOS 7, use a .tintColorpropriedade.

let button = UIButton(type: .System)
button.setTitle("My Button", forState: .Normal)
button.tintColor = .redColor()

[myButton setBackgroundColor:[UIColor blueColor]]; [myButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];

É possível mudar desta forma ou ir no Storyboard e mudar o fundo nas opções do lado direito.

Swift 3:

        static func imageFromColor(color: UIColor, width: CGFloat, height: CGFloat) -> UIImage {
            let rect = CGRect(x: 0, y: 0, width: width, height: height)
            UIGraphicsBeginImageContext(rect.size)
            let context = UIGraphicsGetCurrentContext()!
            context.setFillColor(color.cgColor)
            context.fill(rect)
            let img = UIGraphicsGetImageFromCurrentImageContext()!
            UIGraphicsEndImageContext()
            return img
        }

        let button = UIButton(type: .system)
        let image = imageFromColor(color: .red, width: 
        button.frame.size.width, height: button.frame.size.height)
        button.setBackgroundImage(image, for: .normal)