深色模式下UITextField占位符及UILabel显示异常问题咨询

这个问题我做iOS项目时真的踩过坑！深色模式下系统默认的占位符和UILabel颜色自动适配逻辑有时候完全不符合需求，尤其是占位符变浅到几乎看不清的情况。下面给你几个实用的解决办法：

一、修复UITextField占位符颜色 #

系统默认的占位符颜色在深色模式下会自动调浅，我们可以通过两种方式自定义，让它在两种外观下都清晰可见：

1. 使用Asset Catalog创建动态颜色（强烈推荐） #

这是最优雅的适配方式，不用写额外的判断逻辑：

• 打开项目里的Assets.xcassets，右键选择New Color Set
• 分别在「Any Appearance」和「Dark Appearance」标签下设置合适的颜色（比如浅色模式用深灰色，深色模式用浅灰色，保证和背景有足够对比度）
• 最后在代码里给占位符设置这个动态颜色：

textField.attributedPlaceholder = NSAttributedString(
    string: "请输入内容",
    attributes: [NSAttributedString.Key.foregroundColor: UIColor(named: "PlaceholderDynamicColor")!]
)

系统会自动根据当前外观切换颜色，省心又靠谱。

2. 代码手动判断外观模式 #

如果不想用Asset，也可以直接在代码里根据当前的外观状态设置颜色：

// 封装一个更新占位符颜色的方法
func updatePlaceholderColor(for textField: UITextField) {
    let targetColor = UITraitCollection.current.userInterfaceStyle == .dark ? UIColor.lightGray : UIColor.darkGray
    textField.attributedPlaceholder = NSAttributedString(
        string: textField.placeholder ?? "",
        attributes: [.foregroundColor: targetColor]
    )
}

// 记得在初始化和外观变化时调用
override func viewDidLoad() {
    super.viewDidLoad()
    updatePlaceholderColor(for: yourTextField)
}

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
    super.traitCollectionDidChange(previousTraitCollection)
    // 只有当外观模式变化时才更新
    if previousTraitCollection?.userInterfaceStyle != traitCollection.userInterfaceStyle {
        updatePlaceholderColor(for: yourTextField)
    }
}

二、修复UILabel的颜色问题 #

你提到改成黑色就正常，但固定黑色在深色模式下会显得很突兀，更好的做法是用动态适配的颜色：

1. 用Asset动态颜色（同样推荐） #

和占位符的操作一样，在Assets里创建Color Set，分别设置深浅模式下的颜色（比如浅色模式用黑色，深色模式用白色），然后给Label赋值：

yourLabel.textColor = UIColor(named: "LabelDynamicColor")

2. 代码直接创建动态UIColor #

不想用Asset的话，也可以通过闭包初始化动态颜色：

let labelTextColor = UIColor { traitCollection in
    traitCollection.userInterfaceStyle == .dark ? UIColor.white : UIColor.black
}
yourLabel.textColor = labelTextColor

这样Label的颜色会自动跟随系统外观切换，比固定黑色的用户体验好很多。

额外小提示 #

• 如果你用Storyboard/XIB开发，可以直接在属性面板里给TextField的占位符颜色、Label的textColor选择Asset里的动态颜色，完全不用写代码就能实现适配
• 测试时记得手动切换系统的外观模式，确保两种场景下都显示正常

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