Necesito poner al UIView
un degradado axial como fondo de pantalla. Aquí un ejemplo
Estoy intentando con una extensión de UIVIEW
func addGradient(colors: [UIColor], locations: [NSNumber]? = nil, startPoint: CGPoint, endPoint : CGPoint) {
let gradient: CAGradientLayer = CAGradientLayer()
gradient.frame = self.bounds
gradient.name = "gradientLayer"
gradient.colors = colors.map { $0.cgColor }
gradient.startPoint = CGPoint(x: 0.0, y: 1.0)
gradient.endPoint = CGPoint(x: 1.0, y: 1.1)
gradient.locations = [1, 1]
self.layer.insertSublayer(gradient, at: 0)
}
y le empleo de esta forma
self.backgroundLoginView.addGradient(
colors: [Utils.Color.CELESTE, Utils.Color.COLOR_E8E8E8],
startPoint: CGPoint.init(x: 1, y: 1),
endPoint: CGPoint.init(x: 1, y: 1)
)
Quedando así:
Pruebo la respuesta utilizando
@IBDesignable class DesignableView: UIView {
@IBInspectable var gradientColor1: UIColor = UIColor.white {
didSet{
self.setGradient()
}
}
@IBInspectable var gradientColor2: UIColor = UIColor.white {
didSet{
self.setGradient()
}
}
@IBInspectable var gradientStartPoint: CGPoint = .zero {
didSet{
self.setGradient()
}
}
@IBInspectable var gradientEndPoint: CGPoint = CGPoint(x: 0, y: 1) {
didSet{
self.setGradient()
}
}
private func setGradient()
{
let gradientLayer = CAGradientLayer()
gradientLayer.colors = [self.gradientColor1.cgColor, self.gradientColor2.cgColor]
gradientLayer.startPoint = self.gradientStartPoint
gradientLayer.endPoint = self.gradientEndPoint
gradientLayer.frame = self.bounds
if let topLayer = self.layer.sublayers?.first, topLayer is CAGradientLayer
{
topLayer.removeFromSuperlayer()
}
self.layer.addSublayer(gradientLayer)
}
En el .xib
se ve bien
Aunque en el emulador se ve así :
stackoverflow
-de inglés- para el comportamiento expuesto en la pregunta, asimismo siento decir que por un tema de tiempo no las he podido probar en mi iMac. No obstante muchas de ellas coinciden en efectuar una función y/o clase de sobre escritura:override
incluso algunas proponen no emplear los puntosstart
yend
, dado que el target es usar gradiente en toda la pantalla. En mi opinión sería analizar e intentar los códigos en elXcode
que se describen en: