现在的位置: 首页 > 综合 > 正文

关于ios颜色渐进的总结

2013年10月03日 ⁄ 综合 ⁄ 共 1694字 ⁄ 字号 评论关闭

最近一直在做iphone自定义控件,对于ios上面的图形控制和一些api也有了些认识,所以总结一些。

颜色渐进是做图像的基本东西,要想做的漂亮,肯定必不可少。

用到的基本api是 CGGradientRef.

/**

 画图形渐进色方法,此方法只支持双色值渐变

 @param context     图形上下文的CGContextRef

 @param clipRect    需要画颜色的rect

 @param startPoint  画颜色的起始点坐标

 @param endPoint    画颜色的结束点坐标

 @param options     CGGradientDrawingOptions

 @param startColor  开始的颜色值

 @param endColor    结束的颜色值

 */

- (void)DrawGradientColor:(CGContextRef)context 

                     rect:(CGRect)clipRect  

                    point:(CGPoint) startPoint

                    point:(CGPoint) endPoint 

                  options:(CGGradientDrawingOptions) options 

               startColor:(UIColor*)startColor 

                 endColor:(UIColor*)endColor 

{

    UIColor* colors [2] = {startColor,endColor};

    CGColorSpaceRef rgb = CGColorSpaceCreateDeviceRGB();

    CGFloat colorComponents[8];  

    

    for (int i = 0; i < 2; i++) {  

        UIColor *color = colors[i];  

        CGColorRef temcolorRef = color.CGColor;

        

        const CGFloat *components = CGColorGetComponents(temcolorRef);  

        for (int j = 0; j < 4; j++) {  

            colorComponents[i * 4 + j] = components[j];  

        }         

    }  

    

    CGGradientRef gradient =  CGGradientCreateWithColorComponents(rgb, colorComponents, NULL2);
 

    

    CGColorSpaceRelease(rgb);

    CGContextDrawLinearGradient(context, gradient, startPoint, endPoint, options);

    CGGradientRelease(gradient);

}

这样的方法可是实现颜色的渐变,但是这只是双色渐变,如果想多色渐变的话,那就生成UIColor* 数组到响应的数目,同时在遍历color生成CGColorRef 的时候,用数组长度的item下标把颜色一一取出来即可。
同时,在这里我们画颜色渐进的宽度,需要用到clipRect. 这个rect  大小是需要定义的,并且我们需要把context 给前切成这个rect的大小。

比如我们当前的 context是对于整个屏幕的,我们需要在中间截取一个rect,则先保持住现在的context.  

CGContextSaveGState(context);

然后我们截取对应的context

CGContextClipToRect(context, clipRect); 

......

......

用完这个context之后,我们还要恢复到之前的context

CGContextRestoreGState(context);


至此,就完成了。我实现的是在屏幕里画一个矩形,然后在矩形里,实现渐进色的功能,大家可以尝试一下。

抱歉!评论已关闭.