Skip to content

主题相关

朱继超 edited this page Jul 10, 2024 · 1 revision

主题

  • 切换到 EaseChatUIKit 附带的浅色或深色主题。在初始化单群聊UIKit视图之前切换主题切换主题即可更改默认主题,在视图使用中也可以切换由开发者判断系统当前主题后切换你想对应的主题即可。
Theme.switchTheme(style: .dark)
// 或
Theme.switchTheme(style: .light)
  • 切换到自定义主题。
/**
如何定制主题?

自定义主题时,需要参考设计文档的主题色定义以下五种主题色的色相值。

EaseChatUIKit 中的所有颜色都是使用 HSLA 颜色模型定义的,该模型是一种使用色调、饱和度、亮度和 alpha 表示颜色的方式。

H(Hue):色相,颜色的基本属性,是色轮上从0到360的一个度数。0是红色,120是绿色,240是蓝色。

S(饱和度):饱和度是颜色的强度和纯度。 饱和度越高,颜色越鲜艳; 饱和度越低,颜色越接近灰色。 饱和度以百分比值表示,范围从 0% 到 100%。 0% 表示灰度,100% 表示全色。

L(明度):明度是颜色的亮度或暗度。 亮度越高,颜色越亮; 亮度越低,颜色越深。 亮度以百分比值表示,范围从 0% 到 100%。 0% 表示黑色,100% 表示白色。

A(Alpha):Alpha是颜色的透明度。 值 1 表示完全不透明,0 表示完全透明。

通过调整HSLA模型的各个分量的值,您可以实现精确的色彩控制。
  */
Appearance.primaryHue = 191/360.0
Appearance.secondaryHue = 210/360.0
Appearance.errorHue = 189/360.0
Appearance.neutralHue = 191/360.0
Appearance.neutralSpecialHue = 199/360.0
Theme.switchTheme(style: .custom)
Clone this wiki locally