iOS 26下UIButton各Glass系列配置图标无法随背景内容明暗自适应的实现方案咨询

阿华AIGC实验室

2026-3-31

嗨，这个问题我之前做玻璃风格按钮时也踩过坑！UITabBar的图标自适应确实很智能，要让玻璃风格UIButton也实现同样的效果，核心是利用系统的动态颜色和玻璃配置的视觉特性，下面给你具体的修改方案：

问题根源

你当前的代码里，玻璃按钮的图标tint颜色没有关联到系统的自适应逻辑，加上默认的tint设置不随背景对比度变化，导致图标在不同背景下可读性差。而UITabBar的图标之所以能自适应，是因为它绑定了系统动态颜色+模板渲染的组合逻辑。

具体修改步骤

1. 给图标设置模板渲染模式

模板模式的图片会完全继承按钮的tint颜色，这是实现颜色自适应的基础。把你设置图片的代码改成：

button.setImage(
    UIImage(systemName: "square.and.pencil", withConfiguration: imageConfig)?
        .withRenderingMode(.alwaysTemplate), 
    for: .normal
)

2. 绑定动态颜色到图标tint

系统提供的UIColor.label是动态颜色，会自动根据当前环境（系统明暗模式、背景对比度）切换深浅色，完美适配玻璃按钮的视觉效果。在按钮配置里添加：

button.configuration?.imageTintColor = .label

（可选）自定义动态颜色逻辑

如果需要更精细的颜色控制，比如指定深浅色模式下的具体颜色，可以用动态颜色构造器：

button.configuration?.imageTintColor = UIColor { traitCollection in
    switch traitCollection.userInterfaceStyle {
    case .dark:
        return .systemBlue // 深色模式下用蓝色图标
    case .light, .unspecified:
        return .darkGray // 浅色模式下用深灰
    @unknown default:
        return .darkGray
    }
}

修改后的完整代码

import UIKit
import SnapKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        view.backgroundColor = .lightGray
        
        let stackView = UIStackView()
        stackView.axis = .vertical
        stackView.spacing = 20
        view.addSubview(stackView)
        stackView.snp.makeConstraints { make in
            make.center.equalToSuperview()
        }
        
        let imageConfig = UIImage.SymbolConfiguration(pointSize: 22, weight: .bold, scale: .large)
        
        let padding = 20.0
        
        [UIButton.Configuration.glass(),.clearGlass(),.prominentGlass(),.prominentClearGlass()].forEach { config in
                        
            let button = UIButton(configuration: config)
            // 模板模式渲染图片，继承tint颜色
            button.setImage(
                UIImage(systemName: "square.and.pencil", withConfiguration: imageConfig)?
                    .withRenderingMode(.alwaysTemplate), 
                for: .normal
            )
            button.configuration?.contentInsets = NSDirectionalEdgeInsets(top: padding, leading: padding, bottom: padding, trailing: padding)
            // 绑定动态颜色，实现自适应
            button.configuration?.imageTintColor = .label
            stackView.addArrangedSubview(button)
        }
    }
}