使用 Core Graphics 绘制正方形或包含 png？

Question

我正在为图表制作一个图例，基本上如下所示：

[ ] Line 1
[ ] Line 2
[ ] Line 3

左侧的框需要与图表上的线条颜色相同。

无论如何，我需要知道的是，使用 Core Graphics 绘制方框是否更快，或者只是使用 GIMP 为正方形制作一些 png 并包含它们。

Answer 1

对每个图例使用 UIView 并将其背景颜色设置为您想要的颜色。

Answer 2

这两种方法都足够快，不会产生任何影响。然而，使用 Core Graphics 的优点是您可以更加灵活，例如当您稍后决定需要其他颜色时。另外，您的应用程序将会更小，因为您不必包含 PNG 文件。

Answer 3

画盒子简直就是小菜一碟！我每天都会使用 Core Graphics，特别是因为你可以免费获得视网膜支持。

正如在此示例中所示，您可以仅使用 UIKit 类来完成此操作：

// Setup colors
[myBoxColor setFill];
[myBoxBorderColor set];
// Setup a path for the box
UIBezierPath* path = [UIBezierBath bezierPathWithRect:rectOfTheBox];
path.lineWidth = 2;
// Draw!
[path fill];
[path stroke];

一个警告；使用路径的边缘作为线条的中心进行描边填充。因此，如果您用线宽为 1 点的积分矩形绘制路径，您会得到一条模糊的线。

如果您想要一条 1 点线作为边界，可以通过执行以下操作来解决此问题：

CGRect strokeRect = UIEdgeInsetsInsetRect(rectOfTheBox, 
                                          UIEdgeInsetsMake(0.5f,0.5f,0.5f,0.5f));
UIBezierPath* path = [UIBezierPath bezierPathWithRect:strokeRect];
[path stroke];

Answer 4

在 iOS 上，Core Graphics 使用起来非常简单。在视图的 drawRect: 方法中，只需执行以下操作即可绘制一个正方形：

- (void)drawRect:(CGRect)frame {
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetRGBFillColor(context, 0.5, 0.5, 0.5, 1); // gray
    CGContextFillRect(context, CGRectMake(10, 10, 20, 20)); // our rect is {10,10,20,20)
    // draw a line
    CGContextSetRGBStrokeColor(context, 1, 0, 0, 1);
    CGContextBeginPath(context);
    CGContextMoveToPoint(context, startX, startY);
    CGContextAddLineToPoint(context, endX, endY);
    CGContextStrokePath(context);
}

希望这会有所帮助！