← 返回 iOS 词条
前景色
在 iOS 上叫foregroundStyle
SwiftUI: .foregroundStyle(_:)
官方描述是「把视图的前景元素设置为某个 style」——不止颜色,也可以是渐变。
文字和图标自己显示出来的颜色,跟它们后面的底色是两回事。
- 字的颜色
- 图标什么色
- 把字改成灰的
- 前景色
- 文字颜色
- 内容色
其他平台的相似实现
Web原生支持
color异名看 Web 视角 →Android原生支持
color异名文档给的是 Text 的 color 参数;Material 主题另有 contentColor / LocalContentColor 承担同一角色。
看 Android 视角 →跨端框架实现
- Flutter
TextStyle.colorText(style: TextStyle(color: …))
使用规范
什么时候用
- 需要区分主次文本时
- 需要表达链接、危险操作等语义时
什么时候别用
- 对比度不足以读清时
- 只靠颜色区分状态、没有第二重线索时