Round Top rogach UIButton w Swift

Question

wiem, że mogę cały cztery narożniki za pomocą:

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

Od kiedy tylko chcą drugiej rundzie, zrobiłem kilka badań i stwierdził this:

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 
    } 
} 

który nazywa się tak:

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

Jednak to nie działa na UIButton. Po zmianie rozszerzenia być dla typu UIButton i przekazać go przycisku, wyjście wygląda następująco:

Pytanie jest, w jaki sposób dostosować to do pracy na UIButton?

Answer 1

Dodawanie Przedłużenie UIButton:

extension UIButton{ 
    func roundedButton(){ 
     let maskPAth1 = UIBezierPath(roundedRect: self.bounds, 
      byRoundingCorners: [.TopLeft , .TopRight], 
      cornerRadii:CGSizeMake(8.0, 8.0)) 
     let maskLayer1 = CAShapeLayer() 
     maskLayer1.frame = self.bounds 
     maskLayer1.path = maskPAth1.CGPath 
     self.layer.mask = maskLayer1 

    } 
} 

wywołanie w viewDidAppear/viewDidLayoutSubvies:

btnCorner.roundedButton() 

Przycisk Corner wyjściowa:

Answer 2

użyć tego kodu,

let path = UIBezierPath(roundedRect:viewTo.bounds, byRoundingCorners:[.TopRight, .TopLeft], cornerRadii: CGSizeMake(20, 20)) 
let maskLayer = CAShapeLayer() 
maskLayer.path = path.CGPath 
viewTo.layer.mask = maskLayer 

nadzieję jej pomocny

Answer 3

zapomniałeś ustawić klatkę warstwy kształt:

mask.frame = layer.bounds 

Answer 4

poinformować Cię rozszerzenie tak:

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 
} 
} 

Kształt l Ayer (maska) musi wiedzieć ramy

Answer 5

Dla Swift Odpowiedź 3 Kirit Modi jest zmienione na:

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 
    } 
} 

Na początku pliku tego rozszerzenia nie zapomnij dodać:

import UIKit 

Jeśli chcesz rozszerzenie dla modelu UIView z opcją zaokrąglania górnych lub dolnych narożników można użyć:

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 
    } 
} 

który nazywa się na przycisku jako:

myButton.roundedCorners(top: true) 

Answer 6

iOS 11 stało się naprawdę łatwo zaokrąglone rogi. Poniższy kod zaokrągla górny lewy i prawy dolny róg.

myView.layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMaxYCorner]