点击按钮切换UILabel文本时出现重叠，且背景色始终为红色，如何解决？

这不是iOS的bug，是两个UILabel使用中的常见问题，下面逐一说明并给出修复方案：

1. 文本重叠问题 #

当UILabel的backgroundColor设为nil（透明）时，系统默认不会在更新文本前清除之前的绘制内容，导致新旧文本叠加显示。

修复方法：给UILabel开启clearsContextBeforeDrawing属性，让label在重绘前自动清空自身的绘制上下文：

label.clearsContextBeforeDrawing = true

2. backgroundColor并非始终为.red（逻辑顺序导致的误解） #

你的代码逻辑本身是交替切换背景色的，只是执行顺序容易造成误解：

• 初始index = 0
• 第1次点击：用index=0设置backgroundColor = nil，之后index变为1
• 第2次点击：用index=1设置backgroundColor = .red，之后index变为2
• 第3次点击：用index=2设置backgroundColor = nil，之后index变为3
• 第4次点击：用index=3设置backgroundColor = .red，之后index重置为0

如果你觉得背景色始终是red，大概率是只点击了偶数次（第2、4次等）。

优化后的完整代码 #

建议把label、数据源、索引变量提取为类属性，避免闭包捕获局部变量的潜在问题，代码结构更清晰：

class MyScreen: UIViewController {
    private let textValues = ["AAA", "BBB", "CCC", "DDD"]
    private var currentIndex = 0
    private let displayLabel = UILabel(frame: CGRect(x: 100, y: 100, width: 100, height: 50))
    
    override func viewDidLoad() {
        super.viewDidLoad()

        view.backgroundColor = .blue
        
        displayLabel.textColor = .yellow
        displayLabel.clearsContextBeforeDrawing = true // 解决文本重叠
        view.addSubview(displayLabel)
        
        let toggleButton = UIButton(frame: CGRect(x: 100, y: 200, width: 100, height: 50))
        toggleButton.setTitle("Tap", for: .normal)
        toggleButton.addAction(UIAction(handler: { [weak self] _ in
            guard let self = self else { return }
            self.displayLabel.text = self.textValues[self.currentIndex]
            self.displayLabel.backgroundColor = self.currentIndex % 2 == 0 ? nil : .red
            self.currentIndex = (self.currentIndex + 1) % self.textValues.count
        }), for: .primaryActionTriggered)
        view.addSubview(toggleButton)
    }
}

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