ios - 边框重叠的矩形

Question

当我尝试绘制彼此重叠的矩形时，我遇到了一个奇怪的问题。 见下图:

正如您所看到的，顶线比其他线(底部线和垂直线)更清晰，特别是比分隔矩形的线更清晰。 我使用了以下代码:

for (int i = 0; i < 7; i++)
{

    (...)
    CGContextBeginPath(context);
    CGContextSetStrokeColorWithColor(context, [UIColor blackColor].CGColor);
    CGContextSetLineWidth(context, self.cellBorder);
    CGRect dayRect;
    if (i > 0)
        dayRect   = CGRectMake(i*cellWidth+self.marginX - 1, 0, cellWidth, cellHeight);
    else
        dayRect   = CGRectMake(i*cellWidth+self.marginX , 0, cellWidth, cellHeight);
    CGContextStrokeRect(context, dayRect);

}

有什么建议吗？

Answer 1

顶线比其他线细的原因是您的 self.cellBorder 线粗大于 0，并且您将其绘制在 y = 的线上0 。执行此操作时，您只会看到线条粗细的一半，因为另一半位于绘图矩形上方。要解决此问题，您只需在 y 位置 self.cellBorder/2 处绘制顶线即可。以下是代码的更改方式:

for (int i = 0; i < 7; i++) {
    // ...
    CGContextBeginPath(context);
    CGContextSetStrokeColorWithColor(context, [UIColor blackColor].CGColor);
    CGContextSetLineWidth(context, self.cellBorder);
    CGRect dayRect;
    if (i > 0)
        dayRect = CGRectMake(i*cellWidth+self.marginX - 1, self.cellBorder / 2, cellWidth, cellHeight);
    else
        dayRect = CGRectMake(i*cellWidth+self.marginX , self.cellBorder / 2, cellWidth, cellHeight);
    CGContextStrokeRect(context, dayRect);
}