UITableViewCell中按钮的圆角未舍入

Question

I'm trying to round a button's bottom corners by calling this method in layoutSubviews for a UITableViewCell :

func styleRescueButton() {
    let rescueButtonCornerLayer = CAShapeLayer()
    let rescueButtonRoundedCornersPath = UIBezierPath(roundedRect: rescueNowButton.bounds, byRoundingCorners: [UIRectCorner.bottomLeft, UIRectCorner.bottomRight], cornerRadii: CGSize(width: MyTheme.cornerRadius, height: MyTheme.cornerRadius))
    rescueButtonCornerLayer.path = rescueButtonRoundedCornersPath.cgPath
    rescueNowButton.layer.mask = rescueButtonCornerLayer
    rescueNowButton.clipsToBounds = true
    rescueNowButton.layer.masksToBounds = true
}

it's not working at all though, the corners are not rounding. What am I doing wrong here?

Answer 1

You can define an extension:

extension UIButton{
func bottomRoundButton(){
    let maskPath = UIBezierPath(roundedRect: self.bounds, byRoundingCorners [.BottomLeft , .BottomRight], cornerRadii:CGSizeMake(5.0, 5.0))
    let maskLayer = CAShapeLayer()
    maskLayer.frame = self.bounds
    maskLayer.path = maskPath.CGPath
    self.layer.mask = maskLayer
    }
}

You can do the same things for other corner as well. Just change byRoundingCorners [.BottomLeft , .BottomRight]

Answer 2

The issue with your code is that you never set mask's frame. Also it's not necessary to set clipsToBounds and layer.masksToBounds :

These lines can be removed:

rescueNowButton.clipsToBounds = true
rescueNowButton.layer.masksToBounds = true

Working function in Swift 3:

func styleRescueButton() {
    let maskLayer = CAShapeLayer()
    maskLayer.frame = rescueNowButton.bounds
    maskLayer.path = UIBezierPath(
        roundedRect: rescueNowButton.bounds,
        byRoundingCorners: [.bottomLeft, .bottomRight],
        cornerRadii: CGSize(width:  MyTheme.cornerRadius, height:  MyTheme.cornerRadius)).cgPath
    rescueNowButton.layer.mask = maskLayer
}

Answer 3

I would like to suggest to use Layers to make your button round. You can use button.layer.cornerRadius , .layer.borderwidth to get your button with rounded corner.