ios - color - UIButton con GradientLayer oscurece la imagen y oscurece el degradado

gradient view swift 4

Question

Tengo un UIButton aquí donde me gustaría tener un degradado como fondo debajo de la imagen (símbolo con fondo transparente), pero estoy enfrentando dos problemas diferentes.

El primero de CAGradientLayer parece superponerse en la parte superior de la imagen sin importar cómo intente agregarlo, oscureciendo la imagen por completo.

En segundo lugar, el degradado en sí parece oscurecerse mucho, al igual que el botón se deshabilitó, que no lo es.

Aquí está mi código:

self.backButton = [[UIButton alloc] initWithFrame:CGRectMake(15, 35, 28, 28)];
[backButton addTarget:self
action:@selector(goBack)
forControlEvents:UIControlEventTouchUpInside];
[backButton setBackgroundColor:[UIColor clearColor]];
CAGradientLayer *buttonGradient = [CAGradientLayer layer];
buttonGradient.frame = backButton.bounds;
buttonGradient.colors = [NSArray arrayWithObjects:
(id)[[UIColor colorWithRed:.0
green:.166
blue:.255
alpha:1] CGColor],
(id)[[UIColor colorWithRed:.0
green:.113
blue:.255
alpha:1] CGColor],
nil];
[buttonGradient setCornerRadius:backButton.frame.size.width / 2];
[backButton.layer insertSublayer:buttonGradient
atIndex:0];
[backButton setImage:[UIImage imageNamed:@"backarrow.png"]
forState:UIControlStateNormal];
[backButton setEnabled:NO];
[topbarView addSubview:backButton];

Answer 1

Así que logré solucionar esto haciendo [button bringSubviewToFront: button.imageView] después de agregar el degradado. Parece que no importa lo que haga, la nueva capa se agregará a la vista de la imagen, así que tengo que empujar eso al frente después.

Answer 2

Alternativamente, puede insertar la capa de degradado debajo de la capa de la vista de imagen

CAGradientLayer* gradient = [CAGradientLayer layer];
// ...
[button.layer insertSublayer:gradient below:button.imageView.layer];

Answer 3

SWIFT 3

Aquí va un ejemplo: (Basado en la respuesta de Neil)

 let layer = CAGradientLayer()
layer.frame = CGRect(x: 0, y: 0, width: myButtonOutlet.layer.frame.size.width, height: myButtonOutlet..layer.frame.size.height)
layer.colors = [UIColor.white.cgColor, pixelColorReceta.cgColor]
layer.masksToBounds = true
layer.cornerRadius = myButtonOutlet.layer.cornerRadius
myButtonOutlet.layer.insertSublayer(layer, below: myButtonOutlet..imageView?.layer)

Feliz codificación :)

Answer 4

Swift 3

Puedes mover la imagen por encima del degradado:

contactButton.imageView?.layer.zPosition = 1

o inserte el degradado debajo de la imagen:

button.layer.insertSublayer(gradientLayer, below: button.imageView?.layer)