使用 CoreText 和触摸创建可点击的操作

Question

我在视图中有一些代码，它使用 CoreText 绘制一些属性文本。在此，我正在搜索网址并将其设置为蓝色。我们的想法是不要仅仅为了获得可点击的链接而引入 UIWebView 的所有开销。一旦用户点击该链接（而不是整个表视图单元格），我想触发一个委托方法，然后该方法将用于呈现一个模态视图，其中包含指向该 url 的 Web 视图。

我将路径和字符串本身保存为视图的实例变量，并且绘图代码发生在 -drawRect: 中（为了简洁起见，我将其省略）。

然而，我的触摸处理程序虽然不完整，但没有打印出我期望的内容。它如下：

- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
{
    UITouch *touch = [touches anyObject];
    CGPoint point = [touch locationInView:self];
    CGContextRef context = UIGraphicsGetCurrentContext();

    NSLog(@"attribString = %@", self.attribString);
    CTFramesetterRef framesetter = CTFramesetterCreateWithAttributedString((CFAttributedStringRef)self.attribString);
    CTFrameRef ctframe = CTFramesetterCreateFrame(framesetter, CFRangeMake(0, self.attribString.length), attribPath, NULL);

    CFArrayRef lines = CTFrameGetLines(ctframe);
    for(CFIndex i = 0; i < CFArrayGetCount(lines); i++)
    {
        CTLineRef line = CFArrayGetValueAtIndex(lines, i);
        CGRect lineBounds = CTLineGetImageBounds(line, context);

        // Check if tap was on our line
        if(CGRectContainsPoint(lineBounds, point))
        {
            NSLog(@"Tapped line");
            CFArrayRef runs = CTLineGetGlyphRuns(line);
            for(CFIndex j = 0; j < CFArrayGetCount(runs); j++)
            {
                CTRunRef run = CFArrayGetValueAtIndex(runs, j);
                CFRange urlStringRange = CTRunGetStringRange(run); 
                CGRect runBounds = CTRunGetImageBounds(run, context, urlStringRange);

                if(CGRectContainsPoint(runBounds, point))
                {
                    NSLog(@"Tapped run");
                    CFIndex* buffer = malloc(sizeof(CFIndex) * urlStringRange.length);
                    CTRunGetStringIndices(run, urlStringRange, buffer);
                    // TODO: Map the glyph indices to indexes in the string & Fire the delegate
                }
            }
        }
    }
}

这不是目前最漂亮的代码，我仍在努力使其工作，所以请原谅代码质量。

我遇到的问题是，当我点击链接外部时，我期望会发生的事情发生了：没有任何内容被解雇。

但是，如果我点击链接所在的同一行，我希望打印 "Tapped line" ，但这种情况不会发生，并且我希望同时打印 "Tapped line" code> 和 "Tapped run" 在我点击 URL 时打印。

我不确定如何进一步解决这个问题，我为解决此问题而查看的资源是 Cocoa 特定的（几乎完全不适用），或者缺乏有关此特定案例的信息。

我很乐意指向文档，其中详细说明了如何正确检测在代码上绘制的核心文本的范围内是否发生触摸，但此时，我只想解决这个问题，因此任何帮助都将是巨大的赞赏。

更新：我已将问题范围缩小到坐标问题。我已经翻转了坐标（而不是如上所示），我遇到的问题是触摸按我的预期注册，但坐标空间被翻转，而且我似乎无法将其翻转回来。

Answer 1

我刚刚这样做是为了从触摸位置获取字符串字符索引。在这种情况下，行号将为 i：

- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {
    NSLog(@"touch ended");

    UITouch* touch = [touches anyObject];

    CGPoint pnt = [touch locationInView:self];

    CGPoint reversePoint = CGPointMake(pnt.x, self.frame.size.height-pnt.y);

    CFArrayRef lines = CTFrameGetLines(ctFrame);

    CGPoint* lineOrigins = malloc(sizeof(CGPoint)*CFArrayGetCount(lines));

    CTFrameGetLineOrigins(ctFrame, CFRangeMake(0,0), lineOrigins);

    for(CFIndex i = 0; i < CFArrayGetCount(lines); i++)
    {
        CTLineRef line = CFArrayGetValueAtIndex(lines, i);

        CGPoint origin = lineOrigins[i];
        if (reversePoint.y > origin.y) {
            NSInteger index = CTLineGetStringIndexForPosition(line, reversePoint);
            NSLog(@"index %d", index);
            break;
        }
    }
    free(lineOrigins);
}

Answer 2

您可以尝试将文本绘图添加到 CALayer 中，将这个新图层添加为视图图层的子图层，并在您的 TouchesEnded 中对其进行命中测试？如果这样做，您应该能够通过使图层大于绘制的文本来创建更大的可触摸区域。

// hittesting 
UITouch *touch = [[event allTouches] anyObject];
touchedLayer = (CALayer *)[self.layer hitTest:[touch locationInView:self]];

Answer 3

Swift 3 版本 Nick H247 的回答：

var ctFrame: CTFrame?

override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
    guard let touch = touches.first, let ctFrame = self.ctFrame else { return }

    let pnt = touch.location(in: self.view)
    let reversePoint = CGPoint(x: pnt.x, y: self.frame.height - pnt.y)
    let lines = CTFrameGetLines(ctFrame) as [AnyObject] as! [CTLine]

    var lineOrigins = [CGPoint](repeating: .zero, count: lines.count)
    CTFrameGetLineOrigins(ctFrame, CFRange(location: 0, length: 0), &lineOrigins)

    for (i, line) in lines.enumerated() {
        let origin = lineOrigins[i]

        if reversePoint.y > origin.y {
            let index = CTLineGetStringIndexForPosition(line, reversePoint)
            print("index \(index)")
            break
        }
    }
}