UIButton选中时标题文本出现白框问题求助

嘿，我来帮你搞定这个UIButton的白框问题！从你描述的情况来看——当按钮能在选中/未选中状态切换时出现白框，而把它设为仅可选中不可取消时就消失，大概率是按钮的**高亮状态（Highlighted）**和选中状态（Selected）的样式冲突了，或者是你的点击逻辑里不小心触发了额外的状态变化。

先看看你提供的部分代码：

@IBAction func backButtonPressed(_ sender: Any) { 
    if let button = sender as? UIButton { 
        if button.isSelected { 
            createWorkoutButton.isE...
        }
    }
}

推测你是在点击按钮时切换它的isSelected状态，下面给你几个针对性的解决方案：

方案1：快速禁用系统默认的高亮效果 #

很多时候这种莫名的白框是系统自带的高亮触摸效果导致的，直接关掉就行：

// 在viewDidLoad或者按钮初始化的地方添加这段代码
yourButton.adjustsImageWhenHighlighted = false
yourButton.showsTouchWhenHighlighted = false

• adjustsImageWhenHighlighted：会让按钮在高亮时自动调暗图片，可能视觉上像白框；
• showsTouchWhenHighlighted：是系统自带的触摸时白色高亮圈，关掉就不会出现了。

方案2：统一配置按钮各状态的样式 #

如果禁用高亮还是不行，那你需要明确给按钮的不同状态（未选中、选中）设置对应的样式，避免系统自动生成默认效果：

// 未选中状态（Normal）
yourButton.setTitleColor(.darkGray, for: .normal)
yourButton.setBackgroundImage(nil, for: .normal) // 或者设置你需要的背景图

// 选中状态（Selected）
yourButton.setTitleColor(.white, for: .selected)
yourButton.setBackgroundImage(UIImage(color: .systemBlue), for: .selected) // 替换成你的选中背景

如果需要纯色背景图，可以给UIImage加个简单的扩展：

extension UIImage {
    convenience init?(color: UIColor, size: CGSize = CGSize(width: 1, height: 1)) {
        let rect = CGRect(origin: .zero, size: size)
        UIGraphicsBeginImageContextWithOptions(rect.size, false, 0.0)
        color.setFill()
        UIRectFill(rect)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        
        guard let cgImage = image?.cgImage else { return nil }
        self.init(cgImage: cgImage)
    }
}

方案3：排查点击逻辑中的状态冲突 #

看你的代码是在点击事件里判断按钮的选中状态，然后操作createWorkoutButton，会不会是切换状态时不小心叠加了高亮状态？可以尝试在点击时先强制取消高亮：

@IBAction func backButtonPressed(_ sender: Any) { 
    if let button = sender as? UIButton { 
        button.isHighlighted = false // 先取消高亮状态
        button.isSelected.toggle() // 直接切换选中状态，比if判断更简洁
        // 假设你要切换createWorkoutButton的启用状态，示例如下：
        createWorkoutButton.isEnabled = !button.isSelected
    }
}

先试试方案1，这是最快捷的解决方式；如果不行再依次尝试方案2和3，应该就能消除那个烦人的白框啦！

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