Swift、iOSアプリ。丸型UIButtonの動作を制御したい。丸型ボタンを設置したい。

Question

いつもお世話になっております。iosアプリで丸型ボタンを配置したいと考えています。

下記１枚目のようなボタンで、水色の部分をタップした時のみ反応し、緑の部分は無反応にしたいのですが、どのようにすれば良いでしょうか。今は色をつけていますが、完成形は２枚目のようにして、円部分以外の部分はタップしても動作しないように制御したいのです。コードでもstoryboardでも、どちらでもかまいません。

Answer 1

※もっと簡単な対応方法があったら申し訳ありません。

以下参考サイトの回答の様に、UIButtonのカスタムクラスを作成し、タッチイベントをOverrideしてみるのはいかがでしょうか。以下のようにすることで、四隅のタッチイベントがスルーされるかと思われます。
Active clickable area for UIButton with rounded corners?

・以下、Swift5での例
１、UIButtonのカスタムクラス作成

import UIKit

class RoundButton: UIButton {

    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        let radius:CGFloat = (self.frame.width / 2)
        var point:CGPoint = CGPoint()
        
        if let touch = touches.first {
            point = touch.location(in: self.superview)
        }
        
        let distance:CGFloat = sqrt(CGFloat(powf((Float(self.center.x - point.x)), 2) + powf((Float(self.center.y - point.y)), 2)))
        
        if(distance < radius) {
            super.touchesBegan(touches, with: event)
        }
    }
}

２、上記で作成したクラスを、任意のボタンのカスタムクラスに設定

Comments

[退会済みユーザー]

ありがとうございます！先ほど実行してみたところ、希望通りに動きました。わかりやすいサンプルコードまでありがとうございました！

Answer 2

コードなら
view.layer.cornerRadios
をボタンの高さの2分の1に指定すれば丸になります。
↑のviewはサンプルです、実装する際はボタンのViewクラスにしてください

Comments

[退会済みユーザー]

view.layer.cornerRadios を指定して、２枚目のように丸ボタンを作成することはできるのですが、丸ボタンとUIbottonの枠の間、（１枚目の緑の部分）をタップすると、ボタンが反応してします。これを反応しないようにすることは可能でしょうか？見かけだけでなく、機能面も完全に正円のボタンを作りたいと考えております

[popai306]

clipToBoundsはtrueですよね？

[退会済みユーザー]

はい。
button.layer.cornerRadius = 60
button.clipsToBounds = trueとしておりますが、反応があります…