Как создать круглую кнопку?

Question

Я хочу создать круглую круглую кнопку. Эта кнопка должна выглядеть как круг.

Этот код дает круглую прямоугольную кнопку.

UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
button.frame     = CGRectMake(100, 100, 100, 30);
UIImage  *image  = [UIImage imageNamed:@"01.png"];
[button setImage:image forState:UIControlStateNormal];
[image release];

Я понял, как создать закругленную прямоугольную кнопку, но я хочу создать круглую круглую кнопку Что мне нужно изменить?

Answer 1

Проверенный код:

.h

 #import <QuartzCore/QuartzCore.h>

-(void)roundButtonDidTap:(UIButton*)tappedButton;

.m

#define ROUND_BUTTON_WIDTH_HEIGHT YourButtonWidthToBeSetHere

-(void)roundButtonDidTap:(UIButton*)tappedButton{

    NSLog(@"roundButtonDidTap Method Called");

}



UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];

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

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

//width and height should be same value
button.frame = CGRectMake(0, 0, ROUND_BUTTON_WIDTH_HEIGHT, ROUND_BUTTON_WIDTH_HEIGHT);

//Clip/Clear the other pieces whichever outside the rounded corner
button.clipsToBounds = YES;

//half of the width
button.layer.cornerRadius = ROUND_BUTTON_WIDTH_HEIGHT/2.0f;
button.layer.borderColor=[UIColor redColor].CGColor;
button.layer.borderWidth=2.0f;

[self.view addSubview:button];

Результат

Геометрия в этом понятии

Answer 2

Опция раскадровки (должна применяться к Swift или ObjC) -

Если вы предпочитаете работать в раскадровке, есть еще один вариант.

Сначала установите одинаковые значения ширины и высоты, чтобы получить идеальный квадрат.

Во-вторых, введите следующие атрибуты. ВАЖНО - сделайте ценность вашего layer.cornerRadius в два раза меньше вашей ширины.

Тогда, когда вы запустите приложение, ваша кнопка будет круглой.

Answer 3

Попробуйте, у меня это сработало.Он сделает вашу кнопку или любой вид в круглой форме, только если вы взяли его в квадрате, т.е. ширина должна быть равна высоте.

yourButton.layer.cornerRadius = yourButton.bounds.size.width/2;

Answer 4

В Xcode 7.0.0 на IOS 8 этот код отлично работает для меня.При условии, что длина и высота рамки кнопки одинаковы.

myButton.clipsToBounds = YES;
myButton.layer.cornerRadius = myButton.layer.frame.size.width/2;

Answer 5

override func viewDidLoad() {
    super.viewDidLoad()

    let facebookButton = UIButton()
    facebookButton.frame = CGRectMake(30, 200, 150, 150)
    facebookButton.layer.cornerRadius = 75
    facebookButton.layer.masksToBounds = true
    self.view.addSubview(facebookButton)
    }

** Чтобы сделать круглую кнопку, вы должны задать для кнопки одинаковую высоту и ширину, а половину значения отвести радиусу угла **

Answer 6

Использование Swift подобно ответу Vijay-Apple-Dev.blogspot :

let ROUND_BUTTON_WIDTH_HEIGHT YourButtonWidthToBeSetHere   

override func viewDidLoad() {
   super.viewDidLoad()

   var button = UIButton.buttonWithType(.Custom) as UIButton
   button.frame = CGRectMake(160, 100, ROUND_BUTTON_WIDTH_HEIGHT, ROUND_BUTTON_WIDTH_HEIGHT)

   button.layer.cornerRadius = ROUND_BUTTON_WIDTH_HEIGHT / 2.0
   button.layer.borderColor = UIColor.redColor().CGColor
   button.layer.borderWidth = 2.0

   button.setImage(UIImage(named:"TimoonPumba.png"), forState: .Normal)
   button.addTarget(self, action: "roundButtonDidTap", forControlEvents: .TouchUpInside)
   button.clipsToBounds = true

   view.addSubview(button)
}

func roundButtonDidTap() {
   NSLog(@"roundButtonDidTap Method Called");
}

Answer 7

UIButton *myButton=[UIButton buttonWithType:UIButtonTypeCustom];
myButton.frame = CGRectMake(50,50,30,30);
[myButton addTarget:self action:@selector(buttonEvent) forControlEvents:UIControlEventTouchUpInside];
[myButton setImage:[UIImage imageNamed:@"sarabjit.png"] forState:UIControlStateNormal];
[self.view addSubView:myButton];

Answer 8

круглая прямоугольная кнопка с круглым изображением не удовлетворяет потребность в круглой кнопке. И даже если они сделаны на заказ кнопок. Это связано с тем, что эти кнопки будут реагировать на нажатия даже вне круглой части (которая является просто изображением в формате PNG), если она находится внутри диапазона размеров кнопок и не обрезана.

Первый ответ (и только первый от # vijay-apple-dev), приведенный здесь, является правильным. Вам нужно закрепить границу рамки кнопки, чтобы она не реагировала на изображение

Answer 9

Шаг 1. Используйте [UIButton buttonWithType:UIButtonTypeCustom] для создания кнопки.

Шаг 2. CGRectMake(100, 100, 100, 30) - прямоугольная форма.Может быть, вы хотите использовать размер вашего изображения вместо этого, например:

CGRect frame = CGRectMake(100, 100, 0, 0);
frame.size = img.size;
button.frame = frame;

Answer 10

сделать

[UIButton buttonWithType:UIButtonTypeCustom];

и попробуйте использовать свойство углового радиуса

   button.layer.cornerRadius = button.bounds.size.width/2 / 2.0