วิธีสร้าง UIImage 1x1 สีบน iPhone แบบไดนามิก

ฉันต้องการสร้าง 1x1 UIImage แบบไดนามิกโดยใช้ UIColor

ฉันสงสัยว่าสิ่งนี้สามารถทำได้อย่างรวดเร็วด้วย Quartz2d และฉันกำลังมองหาเอกสารที่พยายามทำความเข้าใจพื้นฐาน อย่างไรก็ตามดูเหมือนว่ามีข้อผิดพลาดที่อาจเกิดขึ้นมากมาย: ไม่ระบุจำนวนบิตและไบต์ต่อสิ่งต่าง ๆ อย่างถูกต้อง, ไม่ระบุแฟล็กที่ถูกต้อง, ไม่ปล่อยข้อมูลที่ไม่ได้ใช้ ฯลฯ

สิ่งนี้จะทำได้อย่างปลอดภัยด้วย Quartz 2d (หรือวิธีอื่นที่ง่ายกว่านั้น) ได้อย่างไร?

คุณสามารถใช้CGContextSetFillColorWithColorและCGContextFillRectสำหรับสิ่งนี้:

รวดเร็ว

extension UIImage {
    class func image(with color: UIColor) -> UIImage {
        let rect = CGRectMake(0.0, 0.0, 1.0, 1.0)
        UIGraphicsBeginImageContext(rect.size)
        let context = UIGraphicsGetCurrentContext()

        CGContextSetFillColorWithColor(context, color.CGColor)
        CGContextFillRect(context, rect)

        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        return image
    }
}

Swift3

extension UIImage {
    class func image(with color: UIColor) -> UIImage {
        let rect = CGRect(origin: CGPoint(x: 0, y:0), size: CGSize(width: 1, height: 1))
        UIGraphicsBeginImageContext(rect.size)
        let context = UIGraphicsGetCurrentContext()!

        context.setFillColor(color.cgColor)
        context.fill(rect)

        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        return image!
    }
}

Objective-C

+ (UIImage *)imageWithColor:(UIColor *)color {
    CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextSetFillColorWithColor(context, [color CGColor]);
    CGContextFillRect(context, rect);

    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return image;
}

นี่เป็นอีกทางเลือกหนึ่งตามรหัสของ Matt Stephen สร้างภาพสีทึบที่ปรับขนาดได้เพื่อให้คุณสามารถนำมาใช้ซ้ำหรือเปลี่ยนขนาดได้ (เช่นใช้เป็นพื้นหลัง)

+ (UIImage *)prefix_resizeableImageWithColor:(UIColor *)color {
    CGRect rect = CGRectMake(0.0f, 0.0f, 3.0f, 3.0f);
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextSetFillColorWithColor(context, [color CGColor]);
    CGContextFillRect(context, rect);

    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    image = [image resizableImageWithCapInsets:UIEdgeInsetsMake(1, 1, 1, 1)];

    return image;
}

วางไว้ในหมวด UIImage และเปลี่ยนคำนำหน้า

ฉันใช้คำตอบของ Matt Steven หลายครั้งจึงสร้างหมวดหมู่ให้:

@interface UIImage (mxcl)
+ (UIImage *)squareImageWithColor:(UIColor *)color dimension:(int)dimension;
@end

@implementation UIImage (mxcl)
+ (UIImage *)squareImageWithColor:(UIColor *)color dimension:(int)dimension {
    CGRect rect = CGRectMake(0, 0, dimension, dimension);
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextSetFillColorWithColor(context, [color CGColor]);
    CGContextFillRect(context, rect);

    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return image;
}
@end

การใช้ UIGraphicsImageRenderer ล่าสุดของ Apple รหัสนั้นค่อนข้างเล็ก:

import UIKit

extension UIImage {
    static func from(color: UIColor) -> UIImage {
        let size = CGSize(width: 1, height: 1)
        return UIGraphicsImageRenderer(size: size).image(actions: { (context) in
            context.cgContext.setFillColor(color.cgColor)
            context.fill(.init(origin: .zero, size: size))
        })
    }
}

สำหรับฉันการเริ่มต้นที่สะดวกสบายให้ความรู้สึกใกล้ชิดใน Swift

extension UIImage {

    convenience init?(color: UIColor, size: CGSize = CGSize(width: 1, height: 1)) {

        let rect = CGRect(x: 0, y: 0, width: size.width, height: size.height)
        UIGraphicsBeginImageContext(rect.size)
        guard let context = UIGraphicsGetCurrentContext() else {
            return nil
        }

        context.setFillColor(color.cgColor)
        context.fill(rect)

        guard let image = context.makeImage() else {
            return nil
        }
        UIGraphicsEndImageContext()

        self.init(cgImage: image)
    }

}

โอเคนี่จะไม่ใช่สิ่งที่คุณต้องการ แต่รหัสนี้จะลากเส้น คุณสามารถปรับให้เป็นประเด็นได้ หรืออย่างน้อยก็รับข้อมูลเล็กน้อยจากมัน

การทำให้ภาพ 1x1 ดูแปลก ๆ เล็กน้อย เส้นสโตรกลากเส้นดังนั้นความกว้าง 1.0 ที่ 0.5 ควรใช้งานได้ เพียงแค่เล่นไปรอบ ๆ

- (void)drawLine{

UIGraphicsBeginImageContext(CGSizeMake(320,300));

CGContextRef ctx = UIGraphicsGetCurrentContext();

float x = 0;
float xEnd = 320;
float y = 300;

CGContextClearRect(ctx, CGRectMake(5, 45, 320, 300));

CGContextSetGrayStrokeColor(ctx, 1.0, 1.0);

CGContextSetLineWidth(ctx, 1);
CGPoint line[2] = { CGPointMake(x,y), CGPointMake(xEnd, y) };

CGContextStrokeLineSegments(ctx, line, 2);

UIImage *theImage=UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
}