¿Es posible cambiar el color de fondo de un UIButtons?

Este me tiene perplejo.

¿Es posible cambiar el color de fondo de un UIButton en Cocoa para iPhone? Intenté configurar el color de fondo, pero solo cambia las esquinas. setBackgroundColor:parece ser el único método disponible para tales cosas.

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

Esto se puede hacer mediante programación haciendo una 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: por supuesto, tendrías que #import <QuartzCore/QuartzCore.h>

editar: para todos los lectores nuevos, también deben considerar algunas opciones agregadas como "otra posibilidad". para su consideración.

Como esta es una respuesta antigua, recomiendo encarecidamente leer los comentarios para solucionar problemas

Tengo un enfoque 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;

Desde 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;
}

No te olvides de #import <QuartzCore/QuartzCore.h>

Supongo que estás hablando de un UIButton con UIButtonTypeRoundedRect? No puedes cambiar el color de fondo de eso. Cuando intentas cambiar su color de fondo, estás cambiando el color del rectángulo en el que se dibuja el botón (que generalmente es claro). Así que hay dos caminos a seguir. O subclasifica UIButton y sobrescribe su -drawRect:método o crea imágenes para los diferentes estados de los botones (lo cual está perfectamente bien).

Si configura las imágenes de fondo en Interface Builder, debería notar que IB no admite la configuración de imágenes para todos los estados que puede tener el botón, por lo que recomiendo configurar las imágenes en un código como este:

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 última línea muestra cómo configurar una imagen para el estado seleccionado y resaltado (ese es el que IB no puede configurar). No necesita las imágenes seleccionadas (líneas 4 y 6) si su botón no necesita un estado seleccionado.

Otra posibilidad:

1. Cree un UIButton en el constructor de interfaces.
2. Dale un tipo 'Personalizado'
3. Ahora, en IB es posible cambiar el color de fondo

Sin embargo, el botón es cuadrado y eso no es lo que queremos. Cree un IBOutlet con una referencia a este botón y agregue lo siguiente al método viewDidLoad:

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

No olvide importar QuartzCore.h

Subclase UIButton y anular los métodos setHighlight y 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];
}

Mi método darkerShade está en una categoría 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];
}

Si no desea utilizar imágenes y desea que se vea exactamente como el estilo Rect redondeado, intente esto. Simplemente coloque una UIView sobre el UIButton, con un marco idéntico y una máscara de cambio de tamaño automático, configure el alfa en 0.3 y configure el fondo en un color. Luego, use el fragmento de abajo para recortar los bordes redondeados de la vista de superposición de colores. Además, desmarque la casilla de verificación 'Interacción del usuario habilitada' en IB en UIView para permitir que los eventos táctiles caigan en cascada hasta el botón UIB debajo.

Un efecto secundario es que su texto también se coloreará.

#import <QuartzCore/QuartzCore.h>

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

Otra posibilidad (la mejor y más hermosa en mi humilde opinión):

Cree un UISegmentedControl con 2 segmentos en el color de fondo requerido en Interface Builder. Establezca el tipo en 'barra'. Luego, cámbielo para que tenga solo un segmento. El generador de interfaces no acepta un segmento, por lo que debe hacerlo mediante programación.

Por lo tanto, cree un IBOutlet para este botón y agréguelo a viewDidLoad de su vista:

[segmentedButton removeSegmentAtIndex:1 animated:NO];

Ahora tiene un hermoso botón de color brillante con el color de fondo especificado. Para las acciones, use el evento 'valor cambiado'.

(Encontré esto en http://chris-software.com/index.php/2009/05/13/creating-a-nice-glass-buttons/ ). Gracias Chris!

Bueno, estoy 99% seguro de que no puedes simplemente cambiar el color de fondo de un botón UIB. En su lugar, tienes que ir y cambiar las imágenes de fondo tú mismo, lo cual creo que es un fastidio. Me sorprende tener que hacer esto.

Si me equivoco o si hay una mejor manera sin tener que configurar imágenes de fondo, hágamelo saber.

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

Según la sugerencia de @EthanB y @karim haciendo un rectángulo relleno hacia atrás, acabo de crear una categoría para que el UIButton logre esto.

Simplemente ingrese el código de categoría: https://github.com/zmonteca/UIButton-PLColor

Uso:

[button setBackgroundColor:uiTextColor forState:UIControlStateDisabled];

Opcional para que los Estados lo utilicen:

UIControlStateNormal
UIControlStateHighlighted
UIControlStateDisabled
UIControlStateSelected

También puede agregar un CALayer al botón; puede hacer muchas cosas con estos, incluida una superposición de color, este ejemplo usa una capa de color simple y también puede graduar fácilmente el color. Tenga en cuenta que las capas añadidas oscurecen las que están debajo

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

}

añadir un segundo objetivo para el UIButtonpara UIControlEventTouchedy cambiar el UIButtoncolor de fondo. Luego cámbielo nuevamente en el UIControlEventTouchUpInsideobjetivo;

Para botones profesionales y atractivos, puede comprobar este componente de botón personalizado . Puede usarlo directamente en sus vistas y vistas de tabla o modificar el código fuente para adaptarlo a sus necesidades. Espero que esto ayude.

Esto no es tan elegante como subclasificar UIButton, sin embargo, si solo quieres algo rápido, lo que hice fue crear un botón personalizado, luego una imagen de 1 px por 1 px con el color que me gustaría que tuviera el botón y establecer el fondo del botón a esa imagen para el estado resaltado - funciona para mis necesidades.

Sé que esto se preguntó hace mucho tiempo y ahora hay un nuevo UIButtonTypeSystem. Pero las preguntas más nuevas se marcan como duplicados de esta pregunta, así que aquí está mi respuesta más nueva en el contexto de un botón del sistema iOS 7, use la .tintColorpropiedad.

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

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

Es posible cambiar de esta manera o ir al Storyboard y cambiar el fondo en las opciones del lado derecho.

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)