iOS zeichnet gefüllte Kreise

Nicht ein Grafik-Programmierer hier, so bin ich versucht zu stolpern. Ich bin versucht zu zeichnen 9 gefüllte Kreise, die jeweils eine andere Farbe, jeder mit einer weißen Grenze. Die UIView Rahmen CGRectMake (0,0,60,60). Siehe beigefügte Bild.

Das problem ist, ich bin immer "flat spots" an den Grenzen auf jeder Seite. Folgendes ist mein code (von der UIView-Unterklasse):

- (void)drawRect:(CGRect)rect
{
    CGRect borderRect = CGRectMake(0.0, 0.0, 60.0, 60.0);
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetRGBStrokeColor(context, 1.0, 1.0, 1.0, 1.0);
    CGContextSetRGBFillColor(context, colorRed, colorGreen, colorBlue, 1.0);
    CGContextSetLineWidth(context, 2.0);
    CGContextFillEllipseInRect (context, borderRect);
    CGContextStrokeEllipseInRect(context, borderRect);
    CGContextFillPath(context);
}

Wenn ich auf CGRectMake(0,0,56,56) in drawRect, bekomme ich flachen Flecken nur auf der oberen und linken Seiten und unten & Seiten gleich gut Aussehen.

Kann jemand empfehlen, wie könnte ich dieses Problem beheben? Es scheint mir, die Grenze wird abgeschnitten von der UIView, wusste aber nicht viel darüber, ich weiß wirklich nicht, wie es zu lösen ist.

Dank, im Voraus, für jeden von Euch Grafik-Experten " Vorschläge.

iOS zeichnet gefüllte Kreise

InformationsquelleAutor der Frage RegularExpression | 2013-06-11

Ich, wie die Antwort von @AaronGolden, wollte nur hinzufügen:

CGRect borderRect = CGRectInset(rect, 2, 2);

Oder, besser:

CGFloat lineWidth = 2;
CGRect borderRect = CGRectInset(rect, lineWidth * 0.5, lineWidth * 0.5);

InformationsquelleAutor der Antwort Wain

17

Diese Kreise sind gerade abgeschnitten, um die Grenzen der Ansichten, die Sie zu zeichnen. Der Blick muss etwas größer sein als die Kreise gezeichnet werden. Sie können sich vorstellen, die CGContextStrokeEllipseInRect call tracing auf einem Kreis mit radius 30 und dann die Malerei ein pixel auf jeder Seite der Kurve verfolgt. Auch auf dem äußersten Rand, Sie gehen zu müssen, eines jener Pixel, die gerade außerhalb der Grenze des Sicht.

Versuchen, Ihre Ansichten so etwas wie 62x62, oder stellen Sie die Kreis-radius etwas kleiner um Platz für den dicken Strich in Ihrem 60x60 Ansichten.

InformationsquelleAutor der Antwort Aaron Golden

Ich Schrieb dies, so dass Sie zeichnen können viele Kreise leicht.

Fügen Sie den folgenden code in Ihre .m-Datei:

- (void) circleFilledWithOutline:(UIView*)circleView fillColor:(UIColor*)fillColor outlineColor:(UIColor*)outlinecolor{
CAShapeLayer *circleLayer = [CAShapeLayer layer];
float width = circleView.frame.size.width;
float height = circleView.frame.size.height;
[circleLayer setBounds:CGRectMake(2.0f, 2.0f, width-2.0f, height-2.0f)];
[circleLayer setPosition:CGPointMake(width/2, height/2)];
UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(2.0f, 2.0f, width-2.0f, height-2.0f)];
[circleLayer setPath:[path CGPath]];
[circleLayer setFillColor:fillColor.CGColor];
[circleLayer setStrokeColor:outlinecolor.CGColor];
[circleLayer setLineWidth:2.0f];
[[circleView layer] addSublayer:circleLayer];
}

Dann Fügen Sie den folgenden code auf Ihre Ansicht hat, laden und ersetzen "yourView" mit jedem Blick, den Sie möchten, platzieren Sie den Kreis in. Wenn Sie wollen, um einen Haufen Kreisen, fügen Sie einfach einige kleine Ausblicke auf die Seite und wiederholen Sie den code unten. Der Kreis wird die Größe der anzeigen, die Sie machen.

[self circleFilledWithOutline:self.yourView fillColor:[UIColor redColor] outlineColor:[UIColor purpleColor]];

InformationsquelleAutor der Antwort Trianna Brannon

6

Es ist eine einfache Art zu zeichnen, eine Füllung, Kreis
```
CGContextFillEllipseInRect(context, CGRectMake(x,y,width,height))
```
InformationsquelleAutor der Antwort 王怡飞

Trianna Brannon Antwort auf Swift 3

func circleFilledWithOutline(circleView: UIView, fillColor: UIColor, outlineColor:UIColor) {
    let circleLayer = CAShapeLayer()
    let width = Double(circleView.bounds.size.width);
    let height = Double(circleView.bounds.size.height);
    circleLayer.bounds = CGRect(x: 2.0, y: 2.0, width: width-2.0, height: height-2.0)
    circleLayer.position = CGPoint(x: width/2, y: height/2);
    let rect = CGRect(x: 2.0, y: 2.0, width: width-2.0, height: height-2.0)
    let path = UIBezierPath.init(ovalIn: rect)
    circleLayer.path = path.cgPath
    circleLayer.fillColor = fillColor.cgColor
    circleLayer.strokeColor = outlineColor.cgColor
    circleLayer.lineWidth = 2.0
    circleView.layer.addSublayer(circleLayer)
}

Aufrufen und über func:

self.circleFilledWithOutline(circleView: myCircleView, fillColor: UIColor.red, outlineColor: UIColor.blue)

InformationsquelleAutor der Antwort user7205499

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.