Swift中UIButton的圆顶角 [英] Round Top Corners of a UIButton in Swift

问题描述

我知道我可以使用以下方式围绕所有四个角落：

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

由于我只想进行第二轮，我做了一些研究，发现

问题是，如何使其适应UIButton？

解决方案

添加UIButton扩展程序：

 扩展名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 
} 
} 
  

在viewDidAppear / viewDidLayoutSubviews中调用：

  btnCorner.roundedButton（）
  

Button Corner OutPut：

I know I can round all four corners using:

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

Since I only want to round two, I did some research and found 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
    }
}

Which is called like this:

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

Yet this doesn't work for a UIButton. When I switch the extension to be for type UIButton and pass it a button , the output looks like this:

The question is, how do I adapt this to work on a UIButton?

解决方案

Adding Extension of 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
    }
}

Calling in viewDidAppear/viewDidLayoutSubviews:

btnCorner.roundedButton()

Button Corner OutPut:

这篇关于Swift中UIButton的圆顶角的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！