美文网首页
颜色相关的一些知识

颜色相关的一些知识

作者: 提莫不胖 | 来源:发表于2016-07-22 21:22 被阅读73次

OC 日常笔记碎片知识

  • 颜色的基本组成
    • 一种颜色由N个颜色通道组成
  • 颜色通道
    • 1个颜色通道占据8bit
    • 1个颜色通道的取值范围
      • 10进制 : [0, 255]
      • 16进制 : [00, ff];
    • 常见的颜色通道
      • 红色 red R
      • 绿色 green G
      • 蓝色 blue B
      • 透明度 alpha A
    • R\G\B一样的是灰色
  • 颜色的种类
    • 24bit颜色
      • 由R\G\B组成的颜色
      • 常见的表示形式
        • 10进制(仅仅是用在CSS)
          • 红色 : rgb(255,0,0)
          • 绿色 : rgb(0,255,0)
          • 蓝色 : rgb(0,0,255)
          • 黄色 : rgb(255,255,0)
          • 黑色 : rgb(0,0,0)
          • 白色 : rgb(255,255,255)
          • 灰色 : rgb(80,80,80)
        • 16进制(可以用在CSS\android)
          • 红色 : #ff0000 #f00
          • 绿色 : #00ff00 #0f0
          • 蓝色 : #0000ff #00f
          • 黄色 : #ffff00 #ff0
          • 黑色 : #000000 #000
          • 白色 : #ffffff #fff
          • 灰色 : #979797
    • 32bit颜色
      • 由R\G\B\A组成的颜色
      • 常见的表示形式
        • 10进制(仅仅是用在CSS)
          • 红色 : rgba(255,0,0,255)
          • 绿色 : rgba(0,255,0,255)
          • 蓝色 : rgba(0,0,255,255)
          • 黄色 : rgba(255,255,0,255)
          • 黑色 : rgba(0,0,0,255)
          • 白色 : rgba(255,255,255,255)
        • 16进制(#AARRGGBB, 仅仅是用在android)
          • 红色 : #ffff0000
          • 绿色 : #ff00ff00
          • 蓝色 : #ff0000ff
          • 黄色 : #ffffff00
          • 黑色 : #ff000000
          • 白色 : #ffffffff

*为了解决开发中遇到颜色解析,因此提供了分类.

  • -代码演示:
#import <UIKit/UIKit.h>

@interface UIColor (Hex)

// 默认alpha位1
+ (UIColor *)colorWithHexString:(NSString *)color;

//从十六进制字符串获取颜色,
//color:支持@“#123456”、 @“0X123456”、 @“123456”三种格式
+ (UIColor *)colorWithHexString:(NSString *)color alpha:(CGFloat)alpha;

@end
#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
改变Label颜色.gif

相关文章

  • 颜色相关的一些知识

    - 颜色的基本组成 - 一种颜色由N个颜色通道组成 - 颜色通道 - 1个颜色通道占据8bit - 1个颜色通道的...

  • 颜色相关的一些知识

    OC 日常笔记碎片知识 颜色的基本组成一种颜色由N个颜色通道组成 颜色通道1个颜色通道占据8bit1个颜色通道的取...

  • 颜色相关的一些知识

    颜色的基本组成一种颜色由N个颜色通道组成 颜色通道1个颜色通道占据8bit1个颜色通道的取值范围10进制 : [0...

  • iOS开发常见问题-颜色知识

    颜色相关的一些知识 颜色的基本组成一种颜色由N个颜色通道组成 颜色通道1个颜色通道占据8bit1个颜色通道的取值范...

  • 十六进制颜色工具类

    颜色相关的一些知识 颜色的基本组成一种颜色由N个颜色通道组成 颜色通道1个颜色通道占据8bit1个颜色通道的取值范...

  • JavaScript实例-页面特效1-改变背景色

    功能一:修改文档的背景颜色 代码: 相关知识点 document颜色相关的属性如下:bgColor:背景色fgCo...

  • CSS,给你点“颜色“看看

    对于CSS颜色,想必大家都或多或少用过,本文是笔者整理的关于CSS颜色相关的一些基础知识,目的是希望在需要用到CS...

  • CSS,给你点“颜色“看看

    对于CSS颜色,想必大家都或多或少用过,本文是笔者整理的关于CSS颜色相关的一些基础知识,目的是希望在需要用到CS...

  • iOS 状态栏前景颜色

    相关的理论知识 状态栏前景颜色种类 默认的黑色(UIStatusBarStyleDefault) 白色(UISta...

  • 一些癌症相关的知识

    乳腺癌的分型及HER2与癌症的关系:http://www.360doc.com/content/19/0712/0...

网友评论

      本文标题:颜色相关的一些知识

      本文链接:https://www.haomeiwen.com/subject/hziijttx.html