如何在swift中點擊點擊工具提示

Question

我使用以下代碼繪製線條。線邊有點，我想在用戶點擊結束點時顯示工具提示。 的代碼片斷如下，

override func drawRect(rect: CGRect) { 
     // Drawing code 
     UIColor.brownColor().set() 
    let context = UIGraphicsGetCurrentContext() 
    //CGContextSetLineWidth(context, 5) 
    CGContextMoveToPoint(context, 50, 50) 
    CGContextAddLineToPoint(context,100, 200) 
    CGContextStrokePath(context) 

    // now add the circle on at the line edges 

     var point = CGPoint(x:50 , y:50) 
     point.x -= 5.0/2 
     point.y -= 5.0/2 
     var circle = UIBezierPath(ovalInRect: CGRect(origin: point, size: CGSize(width: 5.0,height: 5.0))) 
     circle.fill() 

     point = CGPoint(x:100 , y:200) 
     point.x -= 5.0/2 
     point.y -= 5.0/2 
     circle = UIBezierPath(ovalInRect: CGRect(origin: point, size: CGSize(width: 5.0,height: 5.0))) 
     circle.fill() 

    } 

這是目前顯示在下圖中，

，我想表現出類似下面的提示，

有誰有一個想法如何我會認識到這個特定的點被點擊，並且我將如何顯示工具提示。 我在swift中尋找解決方案。

Answer 1

定義一個struct抱着你必須觸摸點，以及文字顯示：

struct TouchPoint { 
    var point: CGPoint // touch near here to show a tooltip 
    var tip: String // show this text when touched 
} 

然後在UIView子類中，可以定義drawRect，使地方，讓他們：

var touchPoints: [TouchPoint] = [] // where we have to touch and what tooltip to show 

drawRect可以多次調用，所以每次都重新開始：

override func drawRect(rect: CGRect) { 
    touchPoints = [] 
    // ... 
    // add a touchPoint for every place to touch 
    touchPoints.append(TouchPoint(point: point, tip: "point 1")) 
} 

您需要檢測水龍頭上的UIView，因此通過改變它的初始化添加一個手勢識別：

required init?(coder aDecoder: NSCoder) { 
    // standard init for a UIView wiht an added gesture recognizer 
    super.init(coder: aDecoder) 
    addGestureRecognizer(UITapGestureRecognizer(target: self, action: Selector("touched:"))) 
} 

，那麼你需要一個方法，看看是否接觸接近接觸點，並以顯示正確的工具提示：

func touched(sender:AnyObject) { 
    let tapTolerance = CGFloat(20) // how close to the point to touch to see tooltip 
    let tipOffset = CGVector(dx: 10, dy: -10) // tooltip offset from point 
    let myTag = 1234 // random number not used elsewhere 
    guard let tap:CGPoint = (sender as? UITapGestureRecognizer)?.locationInView(self) else { print("touched: failed to find tap"); return } 
    for v in subviews where v.tag == myTag { v.removeFromSuperview() } // remove existing tooltips 
    let hitPoints:[TouchPoint] = touchPoints.filter({CGPointDistance($0.point, to: tap) < tapTolerance}) // list of tooltips near to tap 
    for h in hitPoints { // for each tooltip to show 
     let f = CGRect(origin: h.point+tipOffset, size: CGSize(width: 100, height: 20)) // fixed size label :-(
     let l = UILabel(frame: f) 
     l.tag = myTag // just to be able to remove the tooltip later 
     l.text = h.tip // draw the text 
     addSubview(l) // add the label to the view 
    } 
} 

func CGPointDistanceSquared(from: CGPoint, to: CGPoint) -> CGFloat { return (from.x - to.x) * (from.x - to.x) + (from.y - to.y) * (from.y - to.y) } 

func CGPointDistance(from: CGPoint, to: CGPoint) -> CGFloat { return sqrt(CGPointDistanceSquared(from, to: to)) } 

和偶然使用+運營商的新版本進行對CGPoint向量加法：

func +(left: CGPoint, right: CGVector) -> CGPoint { return CGPoint(x: left.x+right.dx, y: left.y+right.dy) } 

這對我來說可行。額外的調整將是從文本字符串中計算UILabel大小，並移動UILabel，使其不會在UIView的邊緣處運行。祝你好運！