2017-10-08 3 views
0

Comment faire la couleur de la bordure d'un dégradé UIView?Faire la couleur de la bordure du dégradé UIView

J'ai déclaré un UIView de mon storyboard et je sais comment rendre la couleur de la bordure solide. Mais je ne peux pas savoir comment faire le dégradé de bordure.

@IBOutlet weak var view: UIView! 

override func awakeFromNib() { 
     super.awakeFromNib() 

    let gradient = CAGradientLayer() 

    gradient.colors = [UIColor.white.cgColor, UIColor.black.cgColor] 

     view.backgroundColor = nil 
     view.layer.cornerRadius = view.bounds.width/2 
     view.layer.borderWidth = 3 
     view.layer.borderColor = colorOutline.cgColor 


     nah.textColor = colorCircleBlue 


    } 
+0

double es posible. Jetez un oeil à cette réponse https://stackoverflow.com/a/36836787/2000162 – TomCobo

+0

@TomCobo La réponse est très bien. Savez-vous comment je pourrais rendre le cadre circulaire? – ILoveToCode22

+0

view.layer.masksToBounds = true; view.layer.cornerRadius = view.bounds.width/2 – TomCobo

Répondre

0

Bonjour Whatsup

Ci-dessous je mets un exemple pour vous terminer votre tâche.

J'ai mis mon code à l'intérieur de didSet, mais vous pouvez aussi mettre didLoad à l'intérieur si vous le souhaitez. Je ne sais pas non plus qui fait cela, et je recherche et je découvre cette réponse.

@gvuksic explain how create a border gradient on UIView us here

 let gradient = CAGradientLayer() 
     gradient.frame = CGRect(origin: CGPoint.zero, size: self.view.frame.size) 
     gradient.colors = [UIColor.blue.cgColor, UIColor.green.cgColor] 

     let shape = CAShapeLayer() 
     shape.lineWidth = 2 
     shape.path = UIBezierPath(rect: self.view.bounds).cgPath 
     shape.strokeColor = UIColor.black.cgColor 
     shape.fillColor = UIColor.clear.cgColor 
     gradient.mask = shape 

     self.view.layer.addSublayer(gradient) 
+0

C'est parfait. Cependant, savez-vous comment je peux faire le gradient.frame circulaire? – ILoveToCode22

+0

Essayez d'utiliser ce projet code source ouvert: https://github.com/tonsser/Cirque et si vous voulez personnalisé vous pouvez. –