iphone - CGContext で描画した円がうまくいかないのはなぜですか?

Question

iPhone の Mail.app のように円を描画するためのカスタム テーブル ビュー セルがあります。

代わりに、次のように描画します。

これが私のコードです：

CGContextRef context = UIGraphicsGetCurrentContext();
UIColor *grayColor = [UIColor grayColor];

[grayColor set];

CGContextStrokeEllipseInRect(context, CGRectMake(9, 10, 23, 23));

どうすればダマにならないようにできますか？:)

編集：白い背景色を描画するコードを省略したという事実は無視してください。

それはどうですか？メールの円とまったく同じではないにしても、それほど似ていません。

Answer 1

UIColorをApple が使用するのと同じ色に変更することで、これを解決できました#E5E5E5。

[UIColor colorWithRed: 0.8980392157 green: 0.8980392157 blue: 0.8980392157 alpha: 1.0]

線幅をデフォルト1.0から2.0次のように変更します。

CGContextSetLineWidth(context, 2.0);

サイズの微調整も必要でした:

CGContextStrokeEllipseInRect(context, CGRectMake(10, 11, 21, 21));

最終的なコードは次のようになります。

CGContextRef context = UIGraphicsGetCurrentContext();
UIColor *grayColor = [UIColor colorWithRed: 0.8980392157 green: 0.8980392157 blue: 0.8980392157 alpha: 1.0];

[grayColor set];

CGContextSetLineWidth(context, 2.0);
CGContextStrokeEllipseInRect(context, CGRectMake(10, 11, 21, 21));

そして、次のように出力します。

Answer 2

たとえば、次のように、アルファを 0.5 に設定して境界線を太くしてみてください。

CGContextSetAlpha(context, 0.5);