← 返回 iOS 词条

控件强调色

iOS原生支持

在 iOS 上叫tint

也叫 tint(_:)

SwiftUI: View.tint(_:)

官方描述是「设置这个视图内的着色颜色」。它与「强调色」在这一端是两个东西,官方写得很直接:「与应用的强调色不同 —— 强调色可以被用户偏好覆盖 —— 着色颜色总是被遵守」。所以要表达语义(接听绿、挂断红)时用的是着色,不是强调色。iOS 15 起可用。

勾选框、单选钮、滑杆这类控件在选中或激活时用的那个主色。

  • 勾选后那个蓝色
  • 打上勾之后变的那个色
  • 小圆点选中变的颜色
  • 控件强调色
  • 强调色
  • 点缀色

其他平台的相似实现

Web原生支持
accent-color异名

官方定义是「为某些元素生成的用户界面控件设置强调色」—— 那个「某些」是关键:目前浏览器只把它应用到 checkbox、radio、range 与 progress 四种。

看 Web 视角 →
Android需自己实现
该平台没有原生实现

没有一个「设置控件强调色」的对应属性。

看 Android 视角 →

使用规范

什么时候用

  • 表单控件要跟随品牌色,又不想逐个重画时
  • 同一屏里要用颜色区分两组控件的语义时

什么时候别用

  • 想改的是文字或背景颜色 → 那是前景色与背景色
  • 指望它统一改掉全部控件外观 —— 各端覆盖范围差得很远

容易混淆

iOS 出处

查看 Web / iOS / Android 完整对照 →