CALayer: ajouter une bordure à un seul côté

La façon la plus simple est d'ajouter une sous-couche qui va attirer l'sélective des frontières, mais il ya quelques choses à considérer lors du choix de cette solution, la plus grande assurer que les frontières de la sous-couche est toujours sur le dessus, et que les changements dans les frontières lorsque vous modifiez l'image de votre calque.

J'ai mis en place une goutte de solution open source qui prend soin de ces questions, et vous permettent de déclarer sélective des frontières comme ceci:

myView.borderDirection = AUIFlexibleBordersDirectionRight | AUIFlexibleBordersDirectionTop;

Vous pouvez obtenir le code, et lire un peu plus ici

Ma Solution Swift. Il comporte quatre fonctions différentes, toutes les extensions de UIView. Chaque fonction ajoute un autre de la frontière.

extension UIView {
@discardableResult func addRightBorder(color: UIColor, width: CGFloat) -> UIView {
let layer = CALayer()
layer.borderColor = color.cgColor
layer.borderWidth = width
layer.frame = CGRect(x: self.frame.size.width-width, y: 0, width: width, height: self.frame.size.height)
self.layer.addSublayer(layer)
return self
}
@discardableResult func addLeftBorder(color: UIColor, width: CGFloat) -> UIView {
let layer = CALayer()
layer.borderColor = color.cgColor
layer.borderWidth = width
layer.frame = CGRect(x: 0, y: 0, width: width, height: self.frame.size.height)
self.layer.addSublayer(layer)
return self
}
@discardableResult func addTopBorder(color: UIColor, width: CGFloat) -> UIView {
let layer = CALayer()
layer.borderColor = color.cgColor
layer.borderWidth = width
layer.frame = CGRect(x: 0, y: 0, width: self.frame.size.width, height: width)
self.layer.addSublayer(layer)
return self
}
@discardableResult func addBottomBorder(color: UIColor, width: CGFloat) -> UIView {
let layer = CALayer()
layer.borderColor = color.cgColor
layer.borderWidth = width
layer.frame = CGRect(x: 0, y: self.frame.size.height-width, width: self.frame.size.width, height: width)
self.layer.addSublayer(layer)
return self
}
}

Il y a une autre manière de faire. Le CAShapeLayer a des propriétés appelé "strokeStart" et "strokeEnd". Compte tenu de la caresser commence à partir de 0 et se termine à 1 quand il atteint le dos d'origine, complétant ainsi le chemin d'accès, vous pouvez définir les valeurs de début et de fin pour dessiner la bordure sur le côté.

L'emplacement relatif de commencer à caresser le chemin.
Animables.
La valeur de cette propriété doit être dans la plage de 0,0 à 1,0. La valeur par défaut de cette propriété est 0.0.
Combiné avec le strokeEnd de la propriété, cette propriété définit la sous-région de la trajectoire de course. La valeur de cette propriété indique le point relatif le long du chemin pour commencer à caresser tout le strokeEnd propriété définit le point de fin. Une valeur de 0.0 représente le début de la voie, alors qu'une valeur de 1,0 représente la fin du chemin. Les valeurs intermédiaires sont interprétées de façon linéaire le long de la longueur de chemin d'accès.

Exemple:

let path = UIBezierPath(roundedRect: bounds, byRoundingCorners: corners, cornerRadii: CGSize(width: radius, height: radius))
let mask = CAShapeLayer()
mask.path = path.CGPath
mask.strokeColor = UIColor.redColor().CGColor
mask.strokeStart = 0.45
mask.strokeEnd = 0.92
self.layer.mask = mask