Zeichne einen einfachen Kreis uiimage

Ich versuche, ein 20x20 UIImage mit einem einfachen blauen Kreis.
Ich versuche mit dieser Funktion, aber das Ergebnis ist ein blauer Kreis auf einem schwarzen Quadrat.
Wie Entferne ich das schwarze Quadrat um den Kreis herum?

Funktion:

+ (UIImage *)blueCircle {
    static UIImage *blueCircle = nil;
    static dispatch_once_t onceToken;
    dispatch_once(&onceToken, ^{
        UIGraphicsBeginImageContextWithOptions(CGSizeMake(20.f, 20.f), YES, 0.0f);
        CGContextRef ctx = UIGraphicsGetCurrentContext();
        CGContextSaveGState(ctx);

        CGRect rect = CGRectMake(0, 0, 20, 20);
        CGContextSetFillColorWithColor(ctx, [UIColor cyanColor].CGColor);
        CGContextFillEllipseInRect(ctx, rect);

        CGContextRestoreGState(ctx);
        blueCircle = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();

    });
    return blueCircle;
}

tatsächliche Ergebnis:
Zeichne einen einfachen Kreis uiimage

InformationsquelleAutor der Frage Mattia Lancieri | 2013-11-21

  1. 30

    Müssen Sie den alpha-Kanal in Ihrem bitmap: UIGraphicsBeginImageContextWithOptions(..., NO, ...) wenn Sie möchten, um zu sehen, was hinter den Ecken.

    InformationsquelleAutor der Antwort yurish

  2. 28

    Danke für die Q&A! Der Swift-code als unten:

    extension UIImage {
    class func circle(diameter: CGFloat, color: UIColor) -> UIImage {
        UIGraphicsBeginImageContextWithOptions(CGSizeMake(diameter, diameter), false, 0)
        let ctx = UIGraphicsGetCurrentContext()
        CGContextSaveGState(ctx)

        let rect = CGRectMake(0, 0, diameter, diameter)
        CGContextSetFillColorWithColor(ctx, color.CGColor)
        CGContextFillEllipseInRect(ctx, rect)

        CGContextRestoreGState(ctx)
        let img = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        return img
    }
}

    Swift 3-version zur Verfügung gestellt von Schemetrical:

    extension UIImage {
    class func circle(diameter: CGFloat, color: UIColor) -> UIImage {
        UIGraphicsBeginImageContextWithOptions(CGSize(width: diameter, height: diameter), false, 0)
        let ctx = UIGraphicsGetCurrentContext()!
        ctx.saveGState()

        let rect = CGRect(x: 0, y: 0, width: diameter, height: diameter)
        ctx.setFillColor(color.cgColor)
        ctx.fillEllipse(in: rect)

        ctx.restoreGState()
        let img = UIGraphicsGetImageFromCurrentImageContext()!
        UIGraphicsEndImageContext()

        return img
    }
}

    InformationsquelleAutor der Antwort superarts.org

  3. 6

    Swift 3 & 4:

    extension UIImage {
    class func circle(diameter: CGFloat, color: UIColor) -> UIImage {
        UIGraphicsBeginImageContextWithOptions(CGSize(width: diameter, height: diameter), false, 0)
        let ctx = UIGraphicsGetCurrentContext()!
        ctx.saveGState()

        let rect = CGRect(x: 0, y: 0, width: diameter, height: diameter)
        ctx.setFillColor(color.cgColor)
        ctx.fillEllipse(in: rect)

        ctx.restoreGState()
        let img = UIGraphicsGetImageFromCurrentImageContext()!
        UIGraphicsEndImageContext()

        return img
    }
}

    Swift AutoKorrektur ist göttlich. Dank Valentin.

    InformationsquelleAutor der Antwort Schemetrical

  4. 2

    Xamarin.iOS-sample:

        public static UIImage CircleImage(nfloat diameter, UIColor color, bool opaque = false)
    {
        var rect = new CGRect(0, 0, diameter, diameter);

        UIGraphics.BeginImageContextWithOptions(rect.Size, opaque, 0);
        var ctx = UIGraphics.GetCurrentContext();
        ctx.SaveState();

        ctx.SetFillColor(color.CGColor);
        ctx.FillEllipseInRect(rect);

        ctx.RestoreState();
        var img = UIGraphics.GetImageFromCurrentImageContext();
        UIGraphics.EndImageContext();

        return img;
    }

    InformationsquelleAutor der Antwort Jelle

  5. 1

    Versuchen, diese 

    UIGraphicsBeginImageContextWithOptions(imageView.bounds.size, NO, 1.0);

    InformationsquelleAutor der Antwort Amr Angry

Schreibe einen Kommentar