圆形 UIButton

Question

I want to know whether drawing a round UIButton(not rounded rect) is possible.

When I add a round image in a UIButton of type custom, then it looks like a round button. But at the moment the button is clicked the boundary of the button becomes visible, so that it looks like a square button, then again when the click ends it looks like a round button.
I want the button to look like a round button even at the moment the click happens. is this possible?

Answer 1

Tested Code:

.h

    -(void)vijayWithApple; 

.m

   -(void)vijayWithApple{

            NSLog(@"vijayWithApple Called");
   }


UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];

[button setImage:[UIImage imageNamed:@"Micky.png"] forState:UIControlStateNormal];

[button addTarget:self action:@selector(vijayWithApple) forControlEvents:UIControlEventTouchUpInside];

[button setTitle:@"Show View" forState:UIControlStateNormal];

button.frame = CGRectMake(135.0, 180.0, 40.0, 40.0);//width and height should be same value

button.clipsToBounds = YES;

button.layer.cornerRadius = 20;//half of the width

button.layer.borderColor=[UIColor redColor].CGColor;

button.layer.borderWidth=2.0f;

[self.view addSubview:button];

Result

Answer 2

Just create two rounded button images, one for the pressed state and one for unpressed.

In IB, create a UIButton of type Custom. Go to the section where you set a background image, and set the dropdown with "All" to normal - now set the image to your unpressed image.

Then change the dropdown to "Selected", and put in your pressed image.

Now change the fill type to be aspect fit, and make the button sqare. Use as a normal UIButton anywhere. You can of course also easily do this all programaitcally with similar steps (setting images for UIControlStateNormal and UIControlStateSelected).

Answer 3

You'd probably have to create a custom control for that, but do you really need a round button?

Every platform has its UI conventions, and the iPhone is no exception. Users expect the buttons to be rounded rectangles.

UPDATE in response to comment:

If I'm getting this right, you're not looking for a round button, but rather a clickable (touchable) image.

You can use an UIImageView and its touchesBegan method.

UPDATE 2:

Wait a second. What kind of radio button are we talking about? For some reason I thought you were trying to imitate a real radio. If you're talking about a radio button group, please use a UISegmentedControl or a UIPicker .

Answer 4

UIButton *but=[UIButton buttonWithType:UIButtonTypeCustom];

but.layer.cornerRadius=50;

Answer 5

take the help of this site for creating Round Button on iPhone. You can get many custom controls:)

http://www.cocoacontrols.com/controls

http://www.cocoacontrols.com/platforms/ios/controls/uiglossybutton

H@PPY CODING !

Thanks & regards, Gautam Tiwari

Answer 6

From what I know of the SDK (admittedly I have very little experience beyond tutorials in books/screencasts), you'd have to create your own control to have a radio button. There are a couple of suggestions on how to implement that in this question .

That said, from a user's perspective I feel like it would be better to stick to the native controls. iPhone users are used to specific controls (ie UITableViews or UIPickerViews) for this type of interaction. Straying from practically universal UI conventions tends to make the user experience more jarring.