使用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"和"Tapped run"如果我的網址點擊來獲得打印。

我不確定在哪裏採取這一進一步，我已經看到解決這個問題的資源是可可特定的（這幾乎完全不適用），或缺乏關於此特定情況的信息。

我很樂意指出文檔，詳細說明如何正確地檢測觸摸是否發生在代碼的核心文本繪圖的邊界內，但此時，我只是想解決這個問題，所以任何幫助將不勝感激。

UPDATE：我已經將我的問題縮小到一個座標問題。我翻轉了座標（而不是如上所示），我得到的問題是觸摸按我的預期註冊，但座標空間翻轉，我似乎無法將其翻轉。

Answer 1

我剛剛做了這個從觸摸位置獲取字符串字符索引。行號是我在這種情況下：

- (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

斯威夫特3版尼克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 
     } 
    } 
}