Round Top Coins d'une UIButton en Swift

Je sais que je peux le tour de tous les quatre coins à l'aide de:

 myBtn.layer.cornerRadius = 8
 myBtn.layer.masksToBounds = true

Depuis je veux seulement la deuxième ronde, j'ai fait quelques recherches et trouvé cette:

extension UIView {
    func roundCorners(corners:UIRectCorner, radius: CGFloat) {
        let path = UIBezierPath(roundedRect: self.bounds, byRoundingCorners: corners, cornerRadii: CGSize(width: radius, height: radius))
        let mask = CAShapeLayer()
        mask.path = path.CGPath
        self.layer.mask = mask
    }
}

Qui est appelé comme ceci:

view.roundCorners([.TopLeft , .TopRight], radius: 10)

Mais cela ne fonctionne pas pour une UIButton. Lorsque je change l'extension de type UIButton et de passer à un bouton , la sortie ressemble à ceci:

Round Top Coins d'une UIButton en Swift

La question est, comment puis-je adapter ce travail sur un UIButton?

Veuillez envisager d'accepter ma réponse, parce qu'elle est la plus précise de la réponse au problème. Les futurs visiteurs de cette question ne sera pas contente tout simplement de voir un tas de code qui fonctionne, mais n'explique pas pourquoi il travaille (que c'est ce qu'actuellement accepté de répondre à n'), mais plutôt en le voyant où le problème – et qui est cloué par ma réponse.
voir ma réponse ici: stackoverflow.com/a/40222533/2594699

OriginalL'auteur Dave G | 2016-05-11

36

L'ajout de l'Extension de UIButton:
```
extension UIButton{
    func roundedButton(){
        let maskPath1 = UIBezierPath(roundedRect: bounds,
            byRoundingCorners: [.topLeft , .topRight],
            cornerRadii: CGSize(width: 8, height: 8))
        let maskLayer1 = CAShapeLayer()
        maskLayer1.frame = bounds
        maskLayer1.path = maskPath1.cgPath
        layer.mask = maskLayer1
    }
}
```
Appel dans viewDidAppear/viewDidLayoutSubviews:
```
btnCorner.roundedButton()
```
Bouton Angle De Sortie:

Savez-vous comment je peux supprimer ce à partir du bouton après? Si je veux réutiliser le bouton, mais sans arrondi? NVM, elle est ici: myBtn.la couche.masque?.removeFromSuperlayer()
Ne fonctionne pas pour quand les boutons sont en vue de la pile. Lors de l'arrondi de coin en bas à gauche et à droite, il arrondit seulement en bas à gauche. Lors de l'utilisation de boutons qui ne sont pas incorporés dans une pile de vue, il fonctionne tout à fait bien

OriginalL'auteur Kirit Modi

Pour swift 3 Kirit Modi réponse est changé:

extension UIButton {
   func roundedButton(){
       let maskPAth1 = UIBezierPath(roundedRect: self.bounds,
                                    byRoundingCorners: [.topLeft , .topRight],
                                    cornerRadii:CGSize(width:8.0, height:8.0))
       let maskLayer1 = CAShapeLayer()
       maskLayer1.frame = self.bounds
       maskLayer1.path = maskPAth1.cgPath
       self.layer.mask = maskLayer1
   }
}

Au début de l'extension du fichier n'oubliez pas d'ajouter:

import UIKit

Si vous souhaitez une extension pour une UIView avec l'option de l'arrondi en haut ou en bas des coins, vous pouvez utiliser:

extension UIView {
   func roundedCorners(top: Bool){
       let corners:UIRectCorner = (top ? [.topLeft , .topRight] : [.bottomRight , .bottomLeft])        
       let maskPAth1 = UIBezierPath(roundedRect: self.bounds,
                                    byRoundingCorners: corners,
                                    cornerRadii:CGSize(width:8.0, height:8.0))
       let maskLayer1 = CAShapeLayer()
       maskLayer1.frame = self.bounds
       maskLayer1.path = maskPAth1.cgPath
       self.layer.mask = maskLayer1
   }
}

Qui est appelé pour un bouton:

myButton.roundedCorners(top: true)

OriginalL'auteur C. Kontos

Swift 4: Pour la dernière version iOS 11,

override func viewDidLoad() {
    super.viewDidLoad()

    if #available(iOS 11.0, *) {
        self.viewToRound.clipsToBounds = true
        viewToRound.layer.cornerRadius = 20
        viewToRound.layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMinYCorner]
    } else {
        //Fallback on earlier versions
    }
}

Plus tôt iOS (10,9 etc) Versions (fonctionne pour iOS 11 trop)

override func viewDidLayoutSubviews() {
    self.viewToRound.clipsToBounds = true
    let path = UIBezierPath(roundedRect: viewToRound.bounds,
                            byRoundingCorners: [.topRight, .topLeft],
                            cornerRadii: CGSize(width: 20, height: 20))

    let maskLayer = CAShapeLayer()

    maskLayer.path = path.cgPath
    viewToRound.layer.mask = maskLayer
}

OriginalL'auteur Naishta

Mise à jour de votre extension sera comme ceci:

extension UIView {
func roundCorners(corners:UIRectCorner, radius: CGFloat) {
    let path = UIBezierPath(roundedRect: self.bounds, byRoundingCorners: corners, cornerRadii: CGSize(width: radius, height: radius))
    let mask = CAShapeLayer()
    let rect = self.bounds
    mask.frame = rect
    mask.path = path.cgPath
    self.layer.mask = mask
}
}

La couche de forme (masque) a besoin de connaître le cadre

merci pour le code, il est très utile dans de nombreux scénarios. mais s'il vous plaît changer "maskLayer.frame = rect", "le masque.frame = rect"

OriginalL'auteur Hossam Ghareeb

4

iOS 11 a rendu très facile à arrondir les angles. Le code ci-dessous tours haut à gauche et en bas à droite.
```
myView.layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMaxYCorner]
```
Merci .. /* Définit des quatre coins reçoit le ruban lors de l'utilisation * `cornerRadius la propriété. Les valeurs par défaut de tous les quatre coins. */ .bouton.la couche.cornerRadius = 8 bouton.la couche.masksToBounds = true bouton.clipsToBounds = true bouton.la couche.maskedCorners = [.layerMaxXMaxYCorner]

OriginalL'auteur dsunku
1

Vous avez oublié de mettre l'image de votre calque de forme:
```
mask.frame = layer.bounds
```
OriginalL'auteur return true
0

Utiliser ce Code,
```
let path = UIBezierPath(roundedRect:viewTo.bounds, byRoundingCorners:[.TopRight, .TopLeft], cornerRadii: CGSizeMake(20, 20))
let maskLayer = CAShapeLayer()
maskLayer.path = path.CGPath
viewTo.layer.mask = maskLayer
```
de l'espoir à ses précieux

bro - l'interlocuteur déjà appelé la méthode comme view.roundCorners([.TopLeft , .TopRight], radius: 10), vous pouvez modifier votre réponse une fois
ya je sais interlocuteur demander, mais ce code ci-dessus est correcte

OriginalL'auteur Iyyappan Ravi

Vous devez vous connecter pour publier un commentaire.