如何生成背景顏色帶漸變效果的按鈕

寫一個圖片的類別,代碼如下:

typedef NS_ENUM(NSUInteger, GradientType) {

    GradientTypeTopToBottom = 0,//從上到小

    GradientTypeLeftToRight = 1,//從左到右

    GradientTypeUpleftToLowright = 2,//左上到右下

    GradientTypeUprightToLowleft = 3,//右上到左下

};

+ (UIImage *)gradientColorImageFromColors:(NSArray*)colors gradientType:(GradientType)gradientType imgSize:(CGSize)imgSize;


+ (UIImage *)gradientColorImageFromColors:(NSArray*)colors gradientType:(GradientType)gradientType imgSize:(CGSize)imgSize {

    NSMutableArray *ar = [NSMutableArray array];

    for(UIColor *c in colors) {

        [ar addObject:(id)c.CGColor];

    }

    UIGraphicsBeginImageContextWithOptions(imgSize, YES, 1);

    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextSaveGState(context);

    CGColorSpaceRef colorSpace = CGColorGetColorSpace([[colors lastObject] CGColor]);

    CGGradientRef gradient = CGGradientCreateWithColors(colorSpace, (CFArrayRef)ar, NULL);

    CGPoint start;

    CGPoint end;

    switch (gradientType) {

        case GradientTypeTopToBottom:

            start = CGPointMake(0.0, 0.0);

            end = CGPointMake(0.0, imgSize.height);

            break;

        case GradientTypeLeftToRight:

            start = CGPointMake(0.0, 0.0);

            end = CGPointMake(imgSize.width, 0.0);

            break;

        case GradientTypeUpleftToLowright:

            start = CGPointMake(0.0, 0.0);

            end = CGPointMake(imgSize.width, imgSize.height);

            break;

        case GradientTypeUprightToLowleft:

            start = CGPointMake(imgSize.width, 0.0);

            end = CGPointMake(0.0, imgSize.height);

            break;

        default:

            break;

    }

    CGContextDrawLinearGradient(context, gradient, start, end, kCGGradientDrawsBeforeStartLocation | kCGGradientDrawsAfterEndLocation);

    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

    CGGradientRelease(gradient);

    CGContextRestoreGState(context);

    CGColorSpaceRelease(colorSpace);

    UIGraphicsEndImageContext();

    return image;

}



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章