Swift中如何实现宽高动态变化的UIButton始终为圆形？

这个问题我之前也帮不少开发者解决过——直接用固定的width/2确实没法让宽高不等的按钮变成圆形，而且按钮宽高动态变化时，静态设置一次圆角半径肯定跟不上布局更新。下面给你几个靠谱的方案，保证按钮始终保持圆形：

方案1：自定义UIButton（最推荐，复用性强） #

重写layoutSubviews方法是最稳妥的方式，因为每次按钮的布局（frame/bounds变化）完成后，系统都会自动调用这个方法。在这里我们实时计算按钮最短边的一半作为圆角半径，就能始终维持圆形状态：

class CircularButton: UIButton {
    override func layoutSubviews() {
        super.layoutSubviews()
        // 取宽高中的较小值，除以2就是圆形所需的圆角半径
        let minDimension = min(bounds.width, bounds.height)
        layer.cornerRadius = minDimension / 2
        layer.masksToBounds = true
    }
}

使用的时候直接创建CircularButton实例就行，不管是代码创建还是Storyboard拖控件（记得把控件的Class改成CircularButton），后续按钮宽高怎么动态变化，都会自动更新圆角保持圆形。

方案2：用KVO监听bounds变化（无需自定义类） #

如果不想自定义按钮类，可以通过KVO监听按钮的bounds属性变化，每次布局更新时重新计算圆角半径：

// 假设你的按钮实例是button
override func viewDidLoad() {
    super.viewDidLoad()
    let button = UIButton(frame: CGRect(x: 0, y: 0, width: 60, height: 40))
    // 添加KVO观察者
    button.addObserver(self, forKeyPath: "bounds", options: .new, context: nil)
    view.addSubview(button)
}

// 实现KVO回调方法
override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
    guard keyPath == "bounds", let button = object as? UIButton else {
        super.observeValue(forKeyPath: keyPath, of: object, change: change, context: context)
        return
    }
    let minDimension = min(button.bounds.width, button.bounds.height)
    button.layer.cornerRadius = minDimension / 2
    button.layer.masksToBounds = true
}

// 记得在控制器销毁时移除观察者，避免内存泄漏
deinit {
    button.removeObserver(self, forKeyPath: "bounds")
}

方案3：约束宽高比为1:1（适合正方形按钮场景） #

如果你的按钮允许始终保持正方形（宽高相等），可以给按钮添加宽高比1:1的AutoLayout约束，之后只需要设置一次圆角半径为宽/2（或者在layoutSubviews里设置也可以），按钮就会一直是圆形：

let button = UIButton()
button.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(button)
// 添加宽高比约束
NSLayoutConstraint.activate([
    button.widthAnchor.constraint(equalTo: button.heightAnchor, multiplier: 1),
    // 补充其他位置约束...
])
// 设置圆角
button.layer.cornerRadius = button.bounds.width / 2
button.layer.masksToBounds = true

不过这个方案只适合按钮必须是正方形的场景，如果你的按钮宽高需要动态变化且不等，还是方案1或2更合适。

内容的提问来源于stack exchange，提问作者Boosa Ramesh