CODEWITHSUNDEEP
iosswiftuibuttonuikit
KARTHICK T M
KARTHICK T M

Reputation: 75

set corner radius for one side of a button according to the view?

I have to set the corner radius according to the UIView found in the background. I have attached the image of my development for your reference.

this is what I got after developement

Upvotes: 1

Views: 1257

Answers (3)

Kathiresan Murugan
Kathiresan Murugan

Reputation: 2962

You can try like this.

  if #available(iOS 11.0, *) {
        customView.layer.cornerRadius = 10
        customView.layer.maskedCorners = [.layerMinXMaxYCorner,.layerMinXMinYCorner,.layerMaxXMinYCorner]
    } else {
       // Fallback on earlier versions

        let rectShape = CAShapeLayer()
        rectShape.bounds = customView.frame
        rectShape.position = customView.center
        rectShape.path = UIBezierPath(roundedRect: customView.bounds,    byRoundingCorners: [.bottomRight , .topLeft , .topRight], cornerRadii: CGSize(width: 10, height: 10)).cgPath
        customView.layer.mask = rectShape
  }

Upvotes: 1

KingHodor
KingHodor

Reputation: 547

This is the extension version. It may be easier.

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

Use:

button?.roundCorners([.topRight, .bottomLeft, .bottomRight], radius: radius)

Upvotes: 0

SPatel
SPatel

Reputation: 4946

Just create custom view like below, and apply mask and path to main layer

@IBDesignable class VariableSeparateCornerView: UIView {

    private var corners: UIRectCorner = [.allCorners]
    private var radius: CGFloat = 0

    override func layoutSubviews() {
        super.layoutSubviews()
        self.refreshCorners()
    }

    func roundCorners(corners: UIRectCorner, radius: CGFloat) {
        self.corners = corners
        self.radius = radius
        self.refreshCorners()
    }

    private func refreshCorners() {
        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
    }
}

Use:

let containerView = VariableSeparateCornerView() 
containerView.roundCorners(corners: [.topRight, .bottomLeft, .bottomRight], radius: 20)

Upvotes: 0

Related Questions