美文网首页
iOS HSV颜色选择器

iOS HSV颜色选择器

作者: yitez | 来源:发表于2021-03-20 14:23 被阅读0次

    我们平时使用颜色的时候,大多数都是RGBA模式,最近项目里需要做HSV颜色模式的颜色选择器:


    image.png

    以上图为例:
    H(色调):滑动条颜色从左到右,为0~1变化。
    S(饱和度):圆环从左到右,为0~1变化。
    V (明亮度):圆环从上到下(图中黑色位于下面),为1~0变化。
    HSV的色值可以和RGB进行互相转化,固定公式。

    #mark RGB转HSV
    max=max(R,G,B);
    min=min(R,G,B);
    V=max(R,G,B);
    S=(max-min)/max;
    
    if (R = max) H =(G-B)/(max-min)* 60;
    if (G = max) H = 120+(B-R)/(max-min)* 60;
    if (B = max) H = 240 +(R-G)/(max-min)* 60;
    if (H < 0) H = H+ 360;
    
    #MARK HSV传RGB
    if (s = 0)
    R=G=B=V;
    else
    H /= 60;
    i = INTEGER(H);
    f = H - i;
    a = V * ( 1 - s );
    b = V * ( 1 - s * f );
    c = V * ( 1 - s * (1 - f ) );
    switch(i)
    case 0: R = V; G = c; B = a;
    case 1: R = b; G = v; B = a;
    case 2: R = a; G = v; B = c;
    case 3: R = a; G = b; B = v;
    case 4: R = c; G = a; B = v;
    case 5: R = v; G = a; B = b;
    

    iOS也提供了相应的API可以获取HSV和RGB值的方法,很方便:

        #mark 获取HSV
            var H:CGFloat = 0
            var S:CGFloat = 0
            var V:CGFloat = 0
            var alpha:CGFloat = 0
             color.getHue(&H, saturation: &S, brightness: &V, alpha: &alpha)
        #mark 获取RGB
           var r: CGFloat = 0
            var g: CGFloat = 0
            var b: CGFloat = 0
            var a: CGFloat = 0
            color.getRed(&r, green: &g, blue: &b, alpha: &a)
    
    

    以下为demo地址:
    https://github.com/yitezh/YTHSVColorPicker

    相关文章

      网友评论

          本文标题:iOS HSV颜色选择器

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