ios - 我怎么能勾勒出文本字体？

Question

我想在它的边框（轮廓）中显示另一种颜色的文本。我正在尝试使用在 MapOverlayView 中显示文本

[text drawAtPoint:CGPointMake(0,30) withFont:[UIFont fontWithName:@"Helvetica-Bold" size:(3 * MKRoadWidthAtZoomScale(zoomScale))] 

它工作正常，除了我需要显示轮廓的文本。

Answer 1

是的，您可以在 的帮助下显示轮廓文本CGContextSetDrawingMode(CGContextRef, CGTextDrawingMode)，尽管您可能需要调整一些数字和颜色以使其看起来更好。

使用 kCGTextFillStroke 似乎是合乎逻辑的，但这会使笔触压倒填充。如果您先描边，然后填充，如下面的块所示，您会在可读文本后面看到一个可见的轮廓。

CGContextRef context = UIGraphicsGetCurrentContext();

CGPoint point = CGPointMake(0,30);
CGFloat fontSize = (3 * MKRoadWidthAtZoomScale(zoomScale));
UIFont *font = [UIFont fontWithName:@"Helvetica-Bold" size:fontSize];

// Draw outlined text.
CGContextSetTextDrawingMode(context, kCGTextStroke);
// Make the thickness of the outline a function of the font size in use.
CGContextSetLineWidth(context, fontSize/18);
CGContextSetStrokeColorWithColor(context, [[UIColor redColor] CGColor]);
[text drawAtPoint:point withFont:font];

// Draw filled text.  This will make sure it's clearly readable, while leaving some outline behind it.
CGContextSetTextDrawingMode(context, kCGTextFill);
CGContextSetFillColorWithColor(context, [[UIColor blueColor] CGColor]);
[text drawAtPoint:point withFont:font];

Answer 2

接受的答案可能对我不起作用，因为drawAtPoint:withFont:已弃用。我能够让它与以下代码一起工作：

CGContextRef context = UIGraphicsGetCurrentContext();
CGFloat fontSize = 18.0;
CGPoint point = CGPointMake(0, 0);

UIFont *font = [UIFont fontWithName:@"Arial-BoldMT" size:fontSize];
UIColor *outline = [UIColor whiteColor];
UIColor *fill = [UIColor blackColor];

NSDictionary *labelAttr = @{NSForegroundColorAttributeName:outline, NSFontAttributeName:font};

CGContextSetTextDrawingMode(context, kCGTextStroke);
CGContextSetLineWidth(context, 2.0);
[text drawAtPoint:point withAttributes:labelAttr];

CGContextSetTextDrawingMode(context, kCGTextFill);
CGContextSetLineWidth(context, 2.0);
labelAttr = @{NSForegroundColorAttributeName:fill, NSFontAttributeName:font};
[text drawAtPoint:point withAttributes:labelAttr];