在 CSS 中,我们可以使用 6 位十六进制数字来表示颜色,每 2 位分别表示红色 (R)、绿色 (G) 和蓝色 (B) 成分。例如,#000000 是黑色,同时也是可能的数值中最小的。#FF0000是红色, #00FF00是绿色, #0000FF是蓝色。
你可能会疑惑为什么我们使用6位数来表示一种颜色而不是只用一位或二位,答案是使用6位数可提供给我们巨大数量的颜色变化。
会有多少种可能的颜色?16 个值和 6 个位置意味着我们有 16 的 6 次方,或者说超过 1600 万种可能的颜色。
在实际开发当中,我们会遇到各种设置颜色的场景。有通过RGB三原色设置的、有通过服务器返回十六进制字符串设置的、有设置颜色同时还设置透明度的、有本地使用十六进制设置的,本文将iOS中常用RGB十六进制颜色设置的宏定义及相关分类方法做了一个总结。
RGB
十六进制颜色 Hex
颜色设置宏定义的使用 :
分类的小括号中有分类名字
分类特点:
UIColor + Addition.h 声明
UIColor + Addition.m 实现
在使用的位置导入头文件,或者直接放到pch文件中。
设置RGB颜色
获取颜色的RGB值
本地设置十六进制颜色
字符串设置十六进制颜色
我是楚简约,感谢您的阅读,
喜欢就点个赞呗,“❤喜欢”,
鼓励一下,你在看,我就继续写~
非用户,可以点右上角的三个“...”,然后"在Safari中打开”,就可以点赞咯~
苹果手机三原色在设置里面。
三原色通常分为色彩三原色和光学三原色。色彩三原色(CMYK):品红、黄、青(是青不是蓝,蓝是品红和青混合的颜色)。色彩三原色可以混合出所有颜料的颜色,同时相加为黑色。光学三原色(RGB):红、绿、蓝。光学三原色组成显示屏显示颜色,三原色同时相加为白,黑白灰同属无色系。
三原色介绍:
三原色图片三原色光模式(英语:RGB color model),又称RGB颜色模型,是一种加色模型,将RGB三原色的色光以不同的比例相加,以产生多种多样的色光。
RGB颜色模型的主要目的是在电子系统中检测,表示和显示图像,比如电视和电脑,但是在传统摄影中也有应用。在电子时代之前,基于人类对颜色的感知,RGB颜色模型已经有了坚实的理论支撑。
RGB是一种依赖于设备的颜色空间:不同设备对特定RGB值的检测和重现都不一样,因为颜色物质(荧光剂或者染料)和它们对红、绿和蓝的单独响应水平随着制造商的不同而不同,甚至是同样的设备不同的时间也不同。
新建一个Category,命名为UIColor+Hex,表示UIColor支持十六进制Hex颜色设置。UIColor+Hex.h文件,
#import <UIKit/UIKit.h>
#define RGBA_COLOR(R, G, B, A) [UIColor colorWithRed:((R) / 255.0f) green:((G) / 255.0f) blue:((B) / 255.0f) alpha:A]
#define RGB_COLOR(R, G, B) [UIColor colorWithRed:((R) / 255.0f) green:((G) / 255.0f) blue:((B) / 255.0f) alpha:1.0f]
@interface UIColor (Hex)
+ (UIColor *)colorWithHexString:(NSString *)color
//从十六进制字符串获取颜色,
//color:支持@“#123456”、 @“0X123456”、 @“123456”三种格式
+ (UIColor *)colorWithHexString:(NSString *)color alpha:(CGFloat)alpha
@end
上面的代码在开头是两个宏定义,就是对[UIColor colorWithRed:green:blue:alpha]方法的简化,在UIColor(Hex)中声明两个方法-colorWithHexString和-colorWithHexString:alpha,这个很好理解。
UIColor+Hex.m文件
#import "UIColor+Hex.h"
@implementation UIColor (Hex)
+ (UIColor *)colorWithHexString:(NSString *)color alpha:(CGFloat)alpha
{
//删除字符串中的空格
NSString *cString = [[color stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]] uppercaseString]
// String should be 6 or 8 characters
if ([cString length] <6)
{
return [UIColor clearColor]
}
// strip 0X if it appears
//如果是0x开头的,那么截取字符串,字符串从索引为2的位置开始,一直到末尾
if ([cString hasPrefix:@"0X"])
{
cString = [cString substringFromIndex:2]
}
//如果是#开头的,那么截取字符串,字符串从索引为1的位置开始,一直到末尾
if ([cString hasPrefix:@"#"])
{
cString = [cString substringFromIndex:1]
}
if ([cString length] != 6)
{
return [UIColor clearColor]
}
// Separate into r, g, b substrings
NSRange range
range.location = 0
range.length = 2
//r
NSString *rString = [cString substringWithRange:range]
//g
range.location = 2
NSString *gString = [cString substringWithRange:range]
//b
range.location = 4
NSString *bString = [cString substringWithRange:range]
// Scan values
unsigned int r, g, b
[[NSScanner scannerWithString:rString] scanHexInt:&r]
[[NSScanner scannerWithString:gString] scanHexInt:&g]
[[NSScanner scannerWithString:bString] scanHexInt:&b]
return [UIColor colorWithRed:((float)r / 255.0f) green:((float)g / 255.0f) blue:((float)b / 255.0f) alpha:alpha]
}
//默认alpha值为1
+ (UIColor *)colorWithHexString:(NSString *)color
{
return [self colorWithHexString:color alpha:1.0f]
}
@end
这样就扩展了UIColor,支持十六进制颜色设置。下面举个栗子,设置UIButton一些颜色特征,来说明该扩展的使用,
#import "UIColor+Hex.h"
//省略多余的代码
//设置导航栏右侧的BarButtonItem为Button
- (void)setupNavigationItem
{
UIView *rightView = [[UIView alloc] init]
rightView.bounds = CGRectMake(0, 0, 52, 44)
UIButton *rightButton = [UIButton buttonWithType:UIButtonTypeCustom]
rightButton.frame = CGRectMake(-6, 0, 52, 44)
rightButton.backgroundImageEdgeInsets = UIEdgeInsetsMake(7, 0, 7, 0)
//kSetting是国际化的字符串"设置"
[rightButton setTitle:NVSLocalizedString(@"kSetting", nil) forState:UIControlStateNormal]
//使用宏定义的RGB_COLOR
//[rightButton setTitleColor:RGB_COLOR(160, 170, 150) forState:UIControlStateHighlighted]
//使用UIColor+Hex扩展
[rightButton setTitleColor:[UIColor colorWithHexString:@"#708c3b"] forState:UIControlStateNormal]
rightButton.titleLabel.font = [UIFont fontWithName:@"Heiti SC" size:12.f]
[rightButton setBackgroundImage:[UIImage imageNamed:@"device_setting_bg"]
forState:UIControlStateNormal]
[rightButton setBackgroundImage:[UIImage imageNamed:@"device_setting_bg_press"]
forState:UIControlStateHighlighted]
[rightButton addTarget:self action:@selector(settingBtnPresss:)
forControlEvents:UIControlEventTouchUpInside]
[rightView addSubview:rightButton]
UIBarButtonItem *rightBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:rightView]
[self.navigationItem setRightBarButtonItem:rightBarButtonItem animated:YES]
[rightBarButtonItem release]
[rightView release]
}
恩,使用差不多就这么简单,总结一下,本篇博客主要有以下几个细节或者说知识点,
(1)宏定义RGB_COLOR和RGBA_COLOR可以设置颜色
(2)UIColor+Hex扩展可以设置颜色
(3)导航栏上面的BarButtonItem怎么设置为Button
(4)Button一些常用和不常用的属性设置
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)