7

そうですね、三角形を次のように描きたいと思います。

丸みを帯びた三角形

現在、私は CAShapeLayer の組み合わせを使用し、UIBezierPath を使用してパスを作成し (コードは以下にあります)、それを別のレイヤーのマスクとして適用しています (私は UIView サブクラスにあり、layerclass を設定するのではなく、self.layer として)最初のレイヤーを保持できるように、このようにしています）

とにかくコード：

_bezierPath = [[UIBezierPath bezierPath] retain];
#define COS30 0.86602540378
#define SIN30 0.5
[_bezierPath moveToPoint:(CGPoint){self.frame.size.width/2.f-r*SIN30,r*COS30}];
[_bezierPath addArcWithCenter:(CGPoint){self.frame.size.width/2.f,r*COS30*2.f} radius:r startAngle:2*M_PI/3.f endAngle:M_PI/3.f clockwise:YES];
[_bezierPath addLineToPoint:(CGPoint){self.frame.size.width-r*SIN30,self.frame.size.height-r*COS30}];
[_bezierPath addArcWithCenter:(CGPoint){self.frame.size.width-r*SIN30-r,self.frame.size.height-r*COS30} radius:r startAngle:0.f endAngle:-M_PI/3.f clockwise:YES];
[_bezierPath addLineToPoint:(CGPoint){r*SIN30,self.frame.size.height-r*COS30}];
[_bezierPath addArcWithCenter:(CGPoint){r*SIN30+r,self.frame.size.height-r*COS30} radius:r startAngle:4*M_PI/3.f endAngle:M_PI clockwise:YES];
[_bezierPath closePath];
CAShapeLayer *s = [CAShapeLayer layer];
s.frame = self.bounds;
s.path = _bezierPath.CGPath;
self.layer.mask = s;
self.layer.backgroundColor = [SLInsetButton backgroundColorForVariant:SLInsetButtonColorForSLGamePieceColor(_color)].CGColor;

残念ながら、結果は私が探していたものではなく、代わりにコーナーが小さなノブになります（まるで回転しすぎているかのように）

前もって感謝します

4

1 に答える 1

14

優秀な友人 (John Heaton に出くわした場合に備えて、彼はかなり素晴らしい人です) は、コア グラフィックスがデプロイする lineCap および lineJoin プロパティを思い出させてくれました。

どこか：

#define border (10.f)

そしてあなたのインターフェースで：

@property (nonatomic, strong) UIBezierPath *bezierPath;

init で、次のような短いパスを作成します。

CGFloat inset = border / 2.f;
UIBezierPath *bezierPath = [UIBezierPath bezierPath];
[bezierPath moveToPoint:(CGPoint){ self.frame.size.width/2.f, inset }];
[bezierPath addLineToPoint:(CGPoint){ self.frame.size.width - inset, self.frame.size.height - inset }];
[bezierPath addLineToPoint:(CGPoint){ a, self.frame.size.height - a }];
[bezierPath closePath];

self.bezierPath = bezierPath;

次に、drawRect:メソッドで次のようなことを行います。

CGContextRef c = UIGraphicsGetCurrentContext(), context = c;
CGColorRef col = [UIColor redColor].CGColor;
CGColorRef bcol = [UIColor redColor].CGColor;
CGContextSetFillColorWithColor(c, col);
CGContextSetStrokeColorWithColor(c, bcol);
CGContextSetLineWidth(c, border);
CGContextSetLineJoin(c, kCGLineJoinRound);
CGContextSetLineCap(c, kCGLineCapRound);
CGContextAddPath(c, self.bezierPath.CGPath);
CGContextStrokePath(c);
CGContextAddPath(c, self.bezierPath.CGPath);
CGContextFillPath(c);

そして、これにより、三角形の角が丸くなり、境界線またはアウトラインを使用するオプションも適切に提供されます

于 2012-12-20T09:49:38.607 に答える