Swift中无法设置代码创建的UIButton的cornerRadius问题

嘿，我一眼就看出问题所在啦！你在viewDidLoad里设置cornerRadius的时候，AutoLayout还没完成布局呢——这时候colorButton.bounds.size.width其实是0，所以你设置的圆角半径等于0，按钮自然还是方的。你可以看看打印的colorButton.bounds.width，是不是输出了0？

下面给你两种靠谱的解决方法：

方法一：在布局完成后设置圆角（推荐） #

把设置圆角的代码放到viewDidLayoutSubviews方法里，这个方法会在AutoLayout完成所有布局计算后调用，能确保按钮的bounds已经有正确的尺寸。另外把按钮改成实例变量，方便在这个方法里访问：

var colorButton: UIButton!

func addColorButton() {
    colorButton = {
        let cb = UIButton()
        cb.translatesAutoresizingMaskIntoConstraints = false
        cb.backgroundColor = .black
        cb.clipsToBounds = true // 提前开启裁剪，避免圆角外内容显示
        return cb
    }()
    view.addSubview(colorButton)
    // 用NSLayoutConstraint.activate批量激活约束，更简洁
    NSLayoutConstraint.activate([
        colorButton.centerXAnchor.constraint(equalTo: view.centerXAnchor),
        colorButton.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -10),
        colorButton.widthAnchor.constraint(equalTo: view.widthAnchor, multiplier: 0.5),
        colorButton.heightAnchor.constraint(equalTo: colorButton.widthAnchor) // 直接关联宽高，保证正方形
    ])
}

override func viewDidLoad() {
    super.viewDidLoad()
    addColorButton()
}

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    // 加个判断避免重复设置，提升性能
    if colorButton.layer.cornerRadius != colorButton.bounds.width / 2 {
        colorButton.layer.cornerRadius = colorButton.bounds.width / 2
    }
}

这个方法的好处是：如果设备旋转、屏幕尺寸变化，按钮的圆角会自动更新，始终保持圆形。

方法二：强制提前完成布局 #

在设置完所有约束后，手动调用layoutIfNeeded()强制AutoLayout立即计算布局，这样就能拿到按钮的正确尺寸了：

func addColorButton() {
    let colorButton : UIButton = {
        let cb = UIButton()
        cb.translatesAutoresizingMaskIntoConstraints = false
        cb.backgroundColor = .black
        cb.clipsToBounds = true
        return cb
    }()
    view.addSubview(colorButton)
    let constraints = [
        colorButton.centerXAnchor.constraint(equalTo: view.centerXAnchor),
        colorButton.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -10),
        colorButton.widthAnchor.constraint(equalTo: view.widthAnchor, multiplier: 0.5),
        colorButton.heightAnchor.constraint(equalTo: colorButton.widthAnchor)
    ]
    NSLayoutConstraint.activate(constraints)
    
    // 强制布局，让按钮的bounds立即生效
    view.layoutIfNeeded()
    
    colorButton.layer.cornerRadius = colorButton.bounds.width / 2
    print(colorButton.bounds.width) // 现在能输出正确的宽度啦
}

override func viewDidLoad() {
    super.viewDidLoad()
    addColorButton()
}

这种方法更直接，但要注意：如果后续按钮的尺寸发生变化（比如屏幕旋转），圆角不会自动更新，需要额外处理尺寸变化的逻辑。

最后再提醒一句 #

一定要确保clipsToBounds = true，不然即使设置了圆角，按钮超出圆角的部分还是会显示出来，这个你已经做对啦👍

内容的提问来源于stack exchange，提问作者kamalakshi hegde