iOS开发中的颜色
1.开发中的颜色设置:HEX格式和RGB格式互转
在开发中你是否为各种格式的颜色设置问题而烦恼,#ff3421
格式、0xffff66f0
格式等等颜色纷至沓来,你是否曾不断通过第三方工具来转化格式
在开发中通常用到的有两种类型的颜色
- RGB格式
- HEX格式
1.1RGB格式
如果是RGB格式的颜色,我们只需要使用系统的方法就可以设置颜色
+ (UIColor *)colorWithRed:(CGFloat)red green:(CGFloat)green blue:(CGFloat)blue alpha:(CGFloat)alpha;
1.2HEX格式
如果是HEX格式的颜色,我们就需要自己利用一起工具来转化成RGB格式的颜色,此处给出一个方法来直接将HEX格式的颜色转化为RGB颜色的格式进行设置
+ (UIColor *) colorWithHexString: (NSString *)color
{
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
if ([cString hasPrefix:@"0X"])
cString = [cString substringFromIndex:2];
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:1.0f];
}
我在开发中还遇到过另一种**HEX
**格式的颜色 ,例如:绿色 0xff00ff00
下面给出这种颜色的设置方式
+ (UIColor *)colorWithARGB:(NSInteger)ARGBValue
{
return [UIColor colorWithRed:((float)((ARGBValue & 0xFF0000) >> 16)) / 255.0
green:((float)((ARGBValue & 0xFF00) >> 8)) / 255.0
blue:((float)(ARGBValue & 0xFF))/255.0
alpha:((float)((ARGBValue & 0xFF000000) >> 24)) / 255.0];
}
2.颜色常识
每一种颜色都是由N个颜色通道组成
常见的颜色通道(ARGB)
A: alpha 透明度 R: red 红色 G: green 绿色 B: blue 蓝色-
32位颜色
32位颜色:由ARGB四个颜色通道组成,每一个颜色通道都占据8bit
-
通常有两种表示形式
HEX格式:黑色 #ff000000 白色 #ffffffff
ARGB格式 : 黑色 255,0,0,0 白色 255,255,255,255
-
24位颜色
24位颜色:由RGB三个颜色通道组成
,每一个颜色通道都占据8bit-
通常有两种表示形式
- HEX格式:黑色 #000000 白色 #ffffff
* ARGB格式 : 黑色 0,0,0 白色 255,255,255
-
12位颜色
12位颜色:由RGB四个颜色通道组成
,每一个颜色通道都占据4bit-
通常有两种表示形式
- HEX格式: 黑色 #000 白色 #fff
* ARGB格式 : 黑色 0,0,0 白色 15,15,15