如何在Xcode中实现按钮点击后背景变色且带圆角效果？

你当前的按钮点击后背景会变色，但边角是直角，以下两种方法可以帮你设置圆角：

方法一：通过代码设置 #

你可以在控制器的viewDidLoad方法中，给三个答案按钮添加圆角配置，这样所有状态下按钮都会保持圆角：

override func viewDidLoad() {
    super.viewDidLoad()
    // 初始化按钮圆角
    setupButtonRoundedCorners(buttonOne)
    setupButtonRoundedCorners(buttonTwo)
    setupButtonRoundedCorners(buttonThree)
}

// 封装通用方法，避免重复代码
private func setupButtonRoundedCorners(_ button: UIButton) {
    button.layer.cornerRadius = 12 // 圆角大小可根据需求调整
    button.layer.masksToBounds = true // 确保背景颜色和内容不会超出圆角范围
}

如果不想单独写方法，也可以直接在viewDidLoad里逐个设置：

override func viewDidLoad() {
    super.viewDidLoad()
    buttonOne.layer.cornerRadius = 12
    buttonOne.layer.masksToBounds = true
    buttonTwo.layer.cornerRadius = 12
    buttonTwo.layer.masksToBounds = true
    buttonThree.layer.cornerRadius = 12
    buttonThree.layer.masksToBounds = true
}

方法二：通过Storyboard可视化设置 #

如果你更习惯用界面编辑器操作：

1. 选中目标按钮，打开右侧的Attributes Inspector（属性检查器）
2. 找到View分类下的Corner Radius，填入你想要的圆角数值（比如12）
3. 确保勾选Clip to Bounds，这样按钮的背景色和内容会被圆角裁剪

或者通过Runtime Attributes设置：

1. 选中按钮，打开Identity Inspector（身份检查器）
2. 在User Defined Runtime Attributes中添加两个属性：
   • 第一个：Key Path填layer.cornerRadius，Type选Number，Value填圆角数值
   • 第二个：Key Path填layer.masksToBounds，Type选Boolean，Value设为YES

这样修改后，按钮在点击变色时就会显示圆角效果了。

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