2017年8月14日

Xcode(iosアプリ)で円形ボタンを使用したいときの対処方法です。

考えられる方法
1.ボタンの角丸の応用
2.丸いボタンの画像+透明色ボタンの組み合わせ

以下は、「1.ボタンの角丸の応用」の方法が容易で、対応方法をまとめました。

以下の画像は、Xcodeの標準で対応可能な方法です。


対応方法


ボタン1:Xcodeの標準ボタン
ボタン2:角丸ボタン
ボタン3:楕円ボタン
ボタン4:円ボタン

これらの違いは、cornerRadiusの値の違いになります。

また、楕円と円の違いで、円はもとのボタンの設定が正方形でcornerRadiusの2倍の値を幅・高さにセットします。
ボタン1:bu1、ボタン2:bu2、ボタン3:bu3、ボタン4:bu4

@implementation ViewController
@synthesize bu1;
@synthesize bu2;
@synthesize bu3;
@synthesize bu4;

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.

    bu1.layer.cornerRadius = 0;
    bu2.layer.cornerRadius = 10;
    bu3.layer.cornerRadius = 30;
    bu4.layer.cornerRadius = 30;
    
}