How to round the corners of a button

Question

I have a rectangle image  jpg  and want to use it to fill the background of a button with rounded corner in xcode   I wrote the following   UIButton  button     UIButton buttonWithType UIButtonTypeRoundedRect  retain   CGRect frame   CGRectMake x  y  cardWidth  cardHeight   button frame   frame   button setBackgroundImage backImage forState UIControlStateNormal     However  the button I get with that approach doesn t have its corners rounded  it is instead a plain rectangle that looks exactly like my original image   How can I get instead an image with rounded corner to represent my button   Thanks

User · Answer

Import QuartCore framework if it is not there in your existing project  then import  import  lt QuartzCore QuartzCore h gt  in viewcontroller m  UIButton  button     UIButton buttonWithType UIButtonTypeRoundedRect    CGRect frame   CGRectMake x  y  width  height      set values as per your requirement button layer cornerRadius   10  button clipsToBounds   YES

User · Answer

For Objective C   submitButton layer cornerRadius   5  submitButton clipsToBounds   YES    For Swift   submitButton layer cornerRadius   5 submitButton clipsToBounds   true

User · Answer

First set width 100 and Height 100 of button      Objective C Solution   YourBtn1 layer cornerRadius YourBtn1 Frame size width 2  YourBtn1 layer borderColor  uicolor blackColor  CGColor  YourBtn1 layer borderWidth 1 0f       Swift 4 Solution   YourBtn1 layer cornerRadius   YourBtn1 Frame size width 2 YourBtn1 layer borderColor   UIColor black cgColor YourBtn1 layer borderWidth   1 0

User · Answer

UIButton  closeBtn     UIButton alloc  initWithFrame CGRectMake 10  50  90  35      Customise this button as you wish then closeBtn layer cornerRadius   10  closeBtn layer masksToBounds   YES   Important

User · Answer

Pushing to the limits corner radius up to get a circle       self btnFoldButton layer cornerRadius   self btnFoldButton frame height 2 0      If button frame is an square it does not matter frame height or frame width  Otherwise use the largest of both ones

User · Answer

For Swift   button layer cornerRadius   10 0

User · Answer

For iOS SWift 4   button layer cornerRadius   25  button layer masksToBounds   true

User · Answer

You can achieve by this RunTime Attributes    we can make custom button just see screenshot attached   kindly pay attention    in runtime attributes to change color of border follow this instruction   create category class of CALayer  in h file     property nonatomic  assign  UIColor  borderIBColor   in m file   - void setBorderIBColor  UIColor  color       self borderColor   color CGColor     - UIColor  borderIBColor       return  UIColor colorWithCGColor self borderColor        now onwards to set border color check screenshot    thanks

User · Answer

I tried the following solution with the UITextArea and I expect this will work with UIButton as well  First of all import this in your  m file -  import  lt QuartzCore QuartzCore h gt   and then in your loadView method add following lines     yourButton layer cornerRadius   10     this value vary as per your desire     yourButton clipsToBounds   YES

User · Answer

Swift 4 Update  I also tried many options still i wasn t able to get my UIButton round cornered  I added the corner radius code inside the viewDidLayoutSubviews   Solved My issue   func viewDidLayoutSubviews             super viewDidLayoutSubviews           anyButton layer cornerRadius   anyButton frame height   2         Also we can adjust the cornerRadius as follows   func viewDidLayoutSubviews             super viewDidLayoutSubviews           anyButton layer cornerRadius   10   Any suitable number as you prefer can be applied

User · Answer

An alternative answer which sets a border too  making it more like a button  is here     How to set rectangle border for custom type UIButton

User · Answer

Try my code  Here you can set all properties of UIButton like text colour  background colour  corner radius  etc   extension UIButton       func btnCorner             layer cornerRadius   10         clipsToBounds   true         backgroundColor    blue           Now call like this  yourBtnName btnCorner

User · Answer

If you want a rounded corner only to one corner or two corners  etc    read this post     ObjC      UIButton with rounded corner - http   goo gl kfzvKP  It s a XIB Storyboard subclass  Import and set borders without write code

User · Answer

You may want to check out my library called DCKit  It s written on the latest version of Swift   You d be able to make a rounded corner button text field from the Interface builder directly     It also has many other cool features  such as text fields with validation  controls with borders  dashed borders  circle and hairline views etc

User · Answer

updated for Swift 3     used below code to make UIButton corner round    yourButtonOutletName layer cornerRadius   0 3           yourButtonOutletName frame size height

[ios] How to round the corners of a button

Examples related to ios

Examples related to cocoa-touch

Examples related to uibutton

Examples related to rounded-corners