How to change the cornerRadius of button from storyboard with custom IBDesignable class created

Question

The class given below is working fine

@IBDesignable class iButton : UIButton {

@IBInspectable var cornerRadius : CGFloat = 0.0{
    didSet{
        layer.cornerRadius = cornerRadius
    }
}}

But question is, when i set cornerRadius value 35 in Attribute Inspector for the button with size of (width : 70, Height 70). Im getting rounded button on the storyboard but while running it on Simulator its not circular instead its rounded rectangle.

My Design View on xCode is iPhone-SE and simulated on iPhone-7-plus simulator.

I have also enabled autoresize by setting the height and width on the Size Inspector.

Out of my knowledge the corner radius should be the half of the width. And when the button is resized by auto-resizing why not the corner radius is resized. how can i fix this?

Thanks in advance.

give the button constraints and then use this instead `button.layer.cornerRadius = button.frame.width/2` — DatForis, Jul 19 '17 at 13:12
For rounded buttons it'd be helpful but not for all the cases @DatForis — Hurdler, Jul 20 '17 at 05:19

score 2 · Answer 1 · edited Sep 20 '18 at 02:29

2

import UIKit

@IBDesignable 
class RoundedCornerButton: UIButton {

    override func drawRect(rect: CGRect) {
        self.clipsToBounds = true
    }

    @IBInspectable var cornerRadius: CGFloat = 0 {
        didSet {
            self.layer.cornerRadius = cornerRadius
        }
    }
}

or you can check this link this link for more info

https://www.youtube.com/watch?v=JQ5i2YKwvJ8

edited Sep 20 '18 at 02:29

rnevius

26,578
10
58
86

answered Jul 20 '17 at 12:02

Subhojit Mandal

450
4
13

score -2 · Answer 2 · answered Jul 20 '17 at 07:06

-2

Thank You i got answer.

We also need to scale the cornerRadius.

layer.cornerRadius = cornerRadius * (UIScreen.main.bounds.width/320.0) //320.0 be my width of the screen that i designed on storyboard

answered Jul 20 '17 at 07:06

Hurdler

7
3

How to change the cornerRadius of button from storyboard with custom IBDesignable class created

2 Answers2