一、常规主题色使用点
应用在发布前都会对其主题色进行设置,以统一应用的风格(可能有多套主题)。在主题色设置上有几个方面,如下:
1.TabBar部分,设置图片高亮、文本高度颜色
2.NavigationBar部分,设置导航栏颜色及字体颜色
3.应用标签等,设置字体的颜色
4.应用图片主题色
主题色的设置点,大体从上面四个方面着手,图片的主题色我们可通过图片更换的方式进行处理。而通过代码来处理的`1-3`条,有着不同的处理方法。大家常规处理方法如下:
步骤一:变化分离
1.利用Swift扩展语法扩展UIColor,将应用主题色在扩展中统一处理(适合单一主题色)
2.将主题色的配置写入文件中,由相应逻辑进行解析。此方法将主题色逻辑封装成主题色管理类(适合多套主题)
步骤二:离散使用上步封装的类
1.在任何使用主题色的地方,使用扩展中的UIColor方法来设置,一般包括背景色,文字颜色等
这里给出UIColor的扩展
应用在发布前都会对其主题色进行设置,以统一应用的风格(可能有多套主题)。在主题色设置上有几个方面,如下:
1.TabBar部分,设置图片高亮、文本高度颜色
2.NavigationBar部分,设置导航栏颜色及字体颜色
3.应用标签等,设置字体的颜色
4.应用图片主题色
主题色的设置点,大体从上面四个方面着手,图片的主题色我们可通过图片更换的方式进行处理。而通过代码来处理的`1-3`条,有着不同的处理方法。大家常规处理方法如下:
步骤一:变化分离
1.利用Swift扩展语法扩展UIColor,将应用主题色在扩展中统一处理(适合单一主题色)
2.将主题色的配置写入文件中,由相应逻辑进行解析。此方法将主题色逻辑封装成主题色管理类(适合多套主题)
步骤二:离散使用上步封装的类
1.在任何使用主题色的地方,使用扩展中的UIColor方法来设置,一般包括背景色,文字颜色等
这里给出UIColor的扩展
extension UIColor {
//主题色
class func applicationMainColor() -> UIColor {
return UIColor(red: 238/255, green: 64/255, blue: 86/255, alpha:1)
}
//第二主题色
class func applicationSecondColor() -> UIColor {
return UIColor.lightGrayColor()
}
//警告颜色
class func applicationWarningColor() -> UIColor {
return UIColor(red: 0.1, green: 1, blue: 0, alpha: 1)
}
//链接颜色
class func applicationLinkColor() -> UIColor {
return UIColor(red: 59/255, green: 89/255, blue: 152/255, alpha:1)