Skip navigation

How to make a circle button?

1173 Views 2 Replies Latest reply: May 7, 2013 11:10 PM by PankajAsudani RSS
hartmido Calculating status...
Currently Being Moderated
Apr 27, 2013 2:19 PM


I have a background image with a circle in the middle and I was wondering if it was possible to make a circle button to go over the logo.


Xcode, OS X Mountain Lion (10.8.3)
  • WoodPlane Level 2 Level 2 (275 points)
    Currently Being Moderated
    Apr 29, 2013 11:41 AM (in response to hartmido)

    I have a [+] and [-] button in one of my applications. Should be similar.


    Add a round button to your view.

    In the "button attributes" pane, add the image file name to the "image" attribute. I know tiff works.

    Ad the image file name to your Resources list.

  • PankajAsudani Calculating status...
    Currently Being Moderated
    May 7, 2013 11:10 PM (in response to hartmido)

    Simply you try this:


    #import <QuartzCore/QuartzCore.h> //in header file

    myButton.layer.cornerRadius = 8;


    OR you can do this:


    If you want a circular button than create an image with a circular shape filled with whatever you want to be displayed in the circle. Make sure your image has an alpha channel and delete all the area around your circle so the background of your image is transparent (alpha =0). ( is free and easy to use application for such images)

    In IB create a round rect button with type custom button. Select your image as the background of your button and there you have it.


    Reference Link:


More Like This

  • Retrieving data ...

Bookmarked By (0)


  • This solved my question - 10 points
  • This helped me - 5 points
This site contains user submitted content, comments and opinions and is for informational purposes only. Apple disclaims any and all liability for the acts, omissions and conduct of any third parties in connection with or related to your use of the site. All postings and use of the content on this site are subject to the Apple Support Communities Terms of Use.