如何使 UIButton.Configuration 突出显示外观与系统按钮的外观匹配-解网

问：

我正在对我的应用程序进行现代化改造并更新以使用 .我将系统按钮切换到默认的纯配置样式，但惊讶地发现按钮突出显示状态几乎不明显。当您点击传统的系统按钮时，它的 alpha 会减少很多以指示它正在被按下，因此很容易知道当您松开触摸时，此按钮将被触发。不幸的是，使用普通按钮配置时，很难看到突出显示状态，因为外观几乎没有变化。有没有办法使此突出显示的行为与所有其他按钮（例如 s）一样？UIButtonUIButton.ConfigurationUIBarButtonItem

let oldButton = UIButton(type: .system)
oldButton.setTitle("System Button", for: .normal)
oldButton.frame = CGRect(x: 50, y: 100, width: 150, height: 30)
view.addSubview(oldButton)

let newButton = UIButton(configuration: {
    var config = UIButton.Configuration.plain()
    config.title = "Plain Button"
    return config
}())
newButton.frame = CGRect(x: 50, y: 150, width: 150, height: 30)
view.addSubview(newButton)

这是系统按钮的突出显示状态：

这是普通按钮的突出显示状态：

iOS UIKit的 UIBuint

let newButton = UIButton(configuration: {
    var config = UIButton.Configuration.plain()
    config.title = "Plain Button"
    return config
}())
newButton.configuration?.titleTextAttributesTransformer = .init { 
    [unowned newButton] container in
    var newContainer = AttributeContainer()
    guard let baseColor = container.uiKit.foregroundColor else {
        return newContainer
    }
    switch newButton.state {
    case .highlighted:
        newContainer.foregroundColor = baseColor.withAlphaComponent(0.3)
    default:
        newContainer.foregroundColor = baseColor
    }
    return container.merging(newContainer)
}

随意调整“神奇数字”以适合您的口味。0.3

（这看起来可能很繁重，但如果你定义了一个基本按钮并从中派生了应用的所有其他按钮，则只需执行一次。在我们的应用程序中，我们定义了一整级联的按钮样式，这些按钮样式派生自基础。

如何使 UIButton.Configuration 突出显示外观与系统按钮的外观匹配

How to make UIButton.Configuration highlight appearance match that of system buttons

评论

评论