1

I'm trying to get into Core Graphics. A the Moment I'm trying to draw a certain shape out of 2 rects. Now I want to join those booth to work with gradient and color functions. I'm not sure if there even is a way. Here is a Picture: Here is a picture

Here are my Code Snippets:

-(void)drawRoundedRect:(CGRect)rect
{
    CGContextRef ctx = UIGraphicsGetCurrentContext();

    CGRect frame1 = CGRectMake(self.bounds.origin.x, self.bounds.origin.y+45, self.bounds.size.width, self.bounds.size.height-45);

    CGRect frame2 = CGRectMake(self.bounds.size.width-80, self.bounds.origin.y+25, 80, 50);


    CGPathRef roundedRectPath1 = [self newPathForRoundedRect:frame1 radius:15];
    CGPathRef roundedRectPath2 = [self newPathForRoundedRect:frame2 radius:11];
    CGContextSetRGBFillColor(ctx, 200, 200, 200, 0.5);


    CGContextAddPath(ctx, roundedRectPath1);
    CGContextFillPath(ctx);

    CGPathRelease(roundedRectPath1);
    CGContextAddPath(ctx, roundedRectPath2);
    CGContextFillPath(ctx);
    CGPathRelease(roundedRectPath2);


}

-(CGPathRef) newPathForRoundedRect:(CGRect)rect radius:(CGFloat)radius
{

    CGMutablePathRef retPath = CGPathCreateMutable();

    CGRect innerRect = CGRectInset(rect, radius, radius);

    CGFloat inside_right = innerRect.origin.x + innerRect.size.width;
    CGFloat outside_right = rect.origin.x + rect.size.width;
    CGFloat inside_bottom = innerRect.origin.y + innerRect.size.height;
    CGFloat outside_bottom = rect.origin.y + rect.size.height;

    CGFloat inside_top = innerRect.origin.y;
    CGFloat outside_top = rect.origin.y;
    CGFloat outside_left = rect.origin.x;

    CGPathMoveToPoint(retPath, NULL, innerRect.origin.x, outside_top);

    CGPathAddLineToPoint(retPath, NULL, inside_right, outside_top);
    CGPathAddArcToPoint(retPath, NULL, outside_right, outside_top, outside_right, inside_top, radius);
    CGPathAddLineToPoint(retPath, NULL, outside_right, inside_bottom);
    CGPathAddArcToPoint(retPath, NULL,  outside_right, outside_bottom, inside_right, outside_bottom, radius);

    CGPathAddLineToPoint(retPath, NULL, innerRect.origin.x, outside_bottom);
    CGPathAddArcToPoint(retPath, NULL,  outside_left, outside_bottom, outside_left, inside_bottom, radius);
    CGPathAddLineToPoint(retPath, NULL, outside_left, inside_top);
    CGPathAddArcToPoint(retPath, NULL,  outside_left, outside_top, innerRect.origin.x, outside_top, radius);

    CGPathCloseSubpath(retPath);

    return retPath;
}
4

2 に答える 2

2

あなたはここであまりにも多くの仕事をしています。UIBezierPath+bezierPathWithRoundedRect:cornerRadius:と– appendPath: メソッドを使用するだけです。

CGRect rect1, rect2;
CGFloat radius;

  // fill in the values you want for the rects and the radius
UIBezierPath *result = 
    [UIBezierPath bezierPathWithRoundedRect: rect1 cornerRadius:radius];
[result appendPath: 
    [UIBezierPath bezierPathWithRoundedRect: rect2 cornerRadius:radius];

 // result is now a path comprising both of the roundrects.  You can fill it with a gradient like any other path.
于 2012-07-21T00:41:46.397 に答える
1

いくつかのオプションがあります:

  1. 交差点のない 2 つの別々のパスの結合を形成する新しいパスを作成します。Core Graphics は、このアプローチでは役に立ちません。ブール パス操作を提供しません。
  2. 透明レイヤーを使用して、両方の形状を (1 つずつ) 描画します。これにより重複領域は修正されますが、グラデーションでは機能しません。
  3. マスクを作成するためのビットマップ コンテキストを作成します。両方の形状をマスクに描画します。次に、元のコンテキストでマスクにクリップし、シェイプのバウンディング ボックスに四角形を描画します。
于 2012-07-21T00:37:17.037 に答える