Swift: добавление слоя градиента к кнопке. Длина слоя ошибка

Question

let gradient: CAGradientLayer = CAGradientLayer() 
let colorTop = UIColor(red: 112.0/255.0, green: 219.0/255.0, blue: 155.0/255.0, alpha: 1.0).CGColor 
let colorBottom = UIColor(red: 86.0/255.0, green: 197.0/255.0, blue: 238.0/255.0, alpha: 1.0).CGColor 

gradient.colors = [colorTop, colorBottom] 
gradient.startPoint = CGPoint(x: 0.0, y: 0.5) 
gradient.endPoint = CGPoint(x: 1.0, y: 0.5) 
gradient.frame = loginButton.bounds 
gradient.cornerRadius = 5 
loginButton.layer.addSublayer(gradient) 

Полученный градиент сбегает выходит за пределы кадра кнопки. Почему это происходит?

Answer 1

Является ли кадр вашего Вход Баттона правильно? Это кажется правильным, когда я воспроизвожу

 let loginButton = UIButton(frame: CGRect(x: 10, y: 50, width: 300, height: 30)) 
     self.view.addSubview(loginButton) 

     let gradient:CAGradientLayer = CAGradientLayer() 
     let colorTop = UIColor(red: 112.0/255.0, green: 219.0/255.0, blue: 155.0/255.0, alpha: 1.0).CGColor 
     let colorBottom = UIColor(red: 86.0/255.0, green: 197.0/255.0, blue: 238.0/255.0, alpha: 1.0).CGColor 

     gradient.colors = [colorTop, colorBottom] 
     gradient.startPoint = CGPoint(x: 0.0, y: 0.5) 
     gradient.endPoint = CGPoint(x: 1.0, y: 0.5) 
     gradient.frame = loginButton.bounds 
     gradient.cornerRadius = 5 

     loginButton.layer.addSublayer(gradient) 

И появляются, как показано ниже

Answer 2

Добавить clipsToBounds и cornerRadius в loginbutton. Это должно решить проблему.

loginButton.clipsToBounds = true 
loginButton.layer.cornerRadius = 5; 

Answer 3

Возможно, вы устанавливаете слой градиента в viewDidLoad() или viewWillAppear(). В это время контроллер не рассчитал размеры просмотров. В то время вы добавляете, что размер этой подуровня не был рассчитан, поэтому размер подслоя неправильный. Поэтому вы должны исправить следующее:

1. Прежде всего, вы должны добавить градиент в viewDidAppear(), в этот момент рассчитываются все размеры вида.
2. Во-вторых, вы должны использовать layer.insertSublayer (layer, atIndex: index) вместо addSublayer (layer). Потому что в вашем случае подуровень скроет кнопки нативного слоя (название, фон ...)
3. Вы должны пересчитать размер вашего подуровня в viewDidLayoutSubviews(). Потому что, когда ваша кнопка изменит свой размер (при вращении, например), подуровень не изменит свой кадр, поэтому вы должны изменить его самостоятельно.