Swift按钮背景色切换与边框不显示问题求助

我来帮你排查并修复这个边框不显示的问题！你的代码里有两个关键问题导致边框看不到，同时我们还可以优化代码结构让它更简洁：

问题分析 #

1. 边框宽度未设置：UIView的layer.borderWidth默认值是0，所以即使你设置了borderColor，也不会显示边框，必须显式设置宽度为你需要的5px。
2. 错误的按钮边框目标：你所有的if分支里都在修改homeBtn.layer.borderColor，而不是当前选中的那个按钮（比如选中productsBtn时，应该修改productsBtn的borderColor，而不是homeBtn的）。

修正后的代码 #

我们可以先把所有按钮放到一个数组里，这样重置状态的时候不用重复写多行代码，同时修复边框的问题：

func setSelectedSystemButtonColor(hoverButton: Int) {
    let defaultColor = UIColor(red: 0/255, green: 62/255, blue: 132/255, alpha: 1)
    let selectedColor = UIColor(red: 251/255, green: 186/255, blue: 8/255, alpha: 1)
    let borderWidth: CGFloat = 5
    
    // 把所有按钮放到数组里，方便统一重置状态
    let allButtons = [homeBtn, productsBtn, calculatorBtn, conceptBtn, tipBtn]
    
    // 重置所有按钮的背景色、边框宽度和边框颜色
    for button in allButtons {
        button.backgroundColor = defaultColor
        button.layer.borderWidth = 0 // 未选中时隐藏边框
        button.layer.borderColor = UIColor.clear.cgColor
    }
    
    // 根据选中的按钮设置对应状态
    switch hoverButton {
    case 1:
        homeBtn.backgroundColor = selectedColor
        homeBtn.layer.borderWidth = borderWidth
        homeBtn.layer.borderColor = defaultColor.cgColor
    case 2:
        productsBtn.backgroundColor = selectedColor
        productsBtn.layer.borderWidth = borderWidth
        productsBtn.layer.borderColor = defaultColor.cgColor
    case 3:
        calculatorBtn.backgroundColor = selectedColor
        calculatorBtn.layer.borderWidth = borderWidth
        calculatorBtn.layer.borderColor = defaultColor.cgColor
    case 4:
        conceptBtn.backgroundColor = selectedColor
        conceptBtn.layer.borderWidth = borderWidth
        conceptBtn.layer.borderColor = defaultColor.cgColor
    case 5:
        tipBtn.backgroundColor = selectedColor
        tipBtn.layer.borderWidth = borderWidth
        tipBtn.layer.borderColor = defaultColor.cgColor
    default:
        // 处理未匹配的情况，可选
        break
    }
}

关键改动说明 #

• 统一重置逻辑：用数组管理所有按钮，通过循环一次性重置所有按钮的背景色、边框宽度和颜色，避免重复代码。
• 添加borderWidth：给选中的按钮设置borderWidth = 5，这是边框显示的必要条件。
• 修正边框目标：每个分支里修改的是当前选中按钮的layer.borderColor，而不是固定的homeBtn。
• 使用switch替代多个if：比多个if语句更清晰，也更容易维护。

这样修改后，选中的按钮就会显示5px宽的默认颜色边框，同时背景色切换也能正常工作啦！

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