为什么我的 CGContext 绘制的圆很糟糕？

Question

我有一个自定义表格视图单元格，旨在像 iPhone 的 Mail.app 一样绘制一个圆圈：

相反，它画得像这样：

这是我的代码：

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

[grayColor set];

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

如何让它不那么糟糕？ :)

编辑：忽略我省略了绘制白色背景颜色的代码这一事实。

这很糟糕吗？它看起来与 Mail 中的圆圈即使不完全一样，也不太接近。

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

尝试将其 alpha 设置为 0.5 并使边框更粗，例如，如下所示：

CGContextSetAlpha(context, 0.5);