1

私はいくつかの要素（上楕円-下楕円）とその間の線でガラスを描くのが好きです

次に、グラデーションで埋める必要があります。Elementsは機能しますが、ガラスの中央が上部または下部の楕円と接触する時点で、領域がクリップされます。

- (void)drawRect:(CGRect)rect
{
    CGPoint c = self.center;    
    // Drawing code
    CGContextRef cx = UIGraphicsGetCurrentContext();
    CGContextSetLineWidth(cx, 1.0);
    [[UIColor whiteColor] setStroke];

    //  DrawTheShapeOfTheGlass
    CGContextBeginPath(cx);
    //  Top and Bottom Ellipse
    CGContextAddEllipseInRect(cx, CGRectMake(0, 0, 100, 20));
    CGContextAddEllipseInRect(cx, CGRectMake(10, 90, 80, 20));
    //  Define the points for the Area inbetween
    CGPoint points[] = { {0.0,10.0},{10.0,100.0},{90.0,100.0},{100.0,10.0} };
    CGContextAddLines(cx, points, 4);
    CGContextClosePath(cx);
    //  Clip, that's only the Clipped-Area wil be filled with the Gradient
    CGContextClip(cx);

    //  CreateAndDraw the Gradient
    CGColorSpaceRef rgbColorSpace = CGColorSpaceCreateDeviceRGB();
    CGFloat colorSpace[] = {1.0f, 1.0f, 1.0f, 0.0f,
                        0.0f, 0.0f, 1.0f, 1.0f };
    CGFloat locations[] = { 0.0, 1.0 };

    CGGradientRef myGradient = CGGradientCreateWithColorComponents(rgbColorSpace, colorSpace, locations, 2);

    CGPoint s = CGPointMake(0, 0);
    CGPoint e = CGPointMake(100, 100);
    CGContextDrawLinearGradient(cx, myGradient, s, e, kCGGradientDrawsBeforeStartLocation | kCGGradientDrawsAfterEndLocation);

    CGColorSpaceRelease(rgbColorSpace);
    CGGradientRelease(myGradient);
}

これがどのように見えるか：

ここに画像の説明を入力してください

楕円全体を「埋める」可能性はありますか？BlendModesをいじってみましたが、役に立ちませんでした。

ありがとう

4

1 に答える 1

1

points[]初期化コードを次のように置き換えてみてください...

CGPoint points[] = {{0.0,10.0},{100.0,10.0},{90.0,100.0},{10.0,100.0}};

CoreGraphicsは、ゼロ以外の巻線カウントルールを使用して、パスを埋める方法を決定します。楕円は時計回りに描画され、台形は反時計回りに描画されたため、重なり合う領域は塗りつぶされませんでした。台形の描画順序を時計回りに変更すると、オブジェクトは完全に塗りつぶされます。

于 2012-08-10T05:13:56.500 に答える