その端をドラッグしてビューを変形する（Swift）

Question

私は、矢印を描いたり追加したりして、この矢印を変換（翻訳、回転など）できるアプリケーションを作ろうとしています。 現在のところ、私は矢印を描いてその上にすべての変形を施すことができますが、今私がしたいのは、矢印をエッジをドラッグして修正できることです。

矢印を描くには、高さ20px（矢印の太さ）と幅400（矢印の長さ）のUIViewを作成します。

func drawArrow(frame: CGRect) { 
    let thicknessArrow = 20 
    let viewHorizontalArrow = UIView() 
    viewHorizontalArrow.frame.origin = CGPoint(x: 100, y: 600) 
    viewHorizontalArrow.frame.size = CGSize(width: 400, height: thicknessArrow) 

    drawDoubleArrow(viewHorizontalArrow, startPoint: CGPoint(x: 0, y: thicknessViewWithArrow/2), endPoint: CGPoint(x: viewHorizontalArrow.frame.width, y: thicknessViewWithArrow/2), lineWidth: 10, color: UIColor.blackColor()) 

} 

その後、私はパン、ピンチ、回転ジェスチャーのおかげでUIViewを変換します。

関数 "drawDoubleArrow"は、BezierPathで矢印を作成し、それをUIViewのレイヤーに追加します。

私はこれらの説明が十分にはっきりしていることを望みます:)。

解決策を見つける手助けをしてもらえますか？

ありがとうございます！

Answer 1

UIBezierPathは、それを認識しないため、ジェスチャーで簡単に操作できません。しかし、UIViewはジェスチャーを認識できます。 CALayerの変換能力と組み合わせれば、それはhitTest()メソッドなので、あなたが望むものを達成できると思います。

// I'm declaring the layer as a shape layer, but depending on how your error thick is, you may need a rectangular one 
let panGesture = UIPanGestureRecognizer() 
var myLayer = CAShapeLayer() 

のviewDidLoad：

// I'm assuming you've created myBezierPath, an arrow path 
myLayer.path = myBezierPath.cgPath 

// Adding the pan gesture to the view's controller 
panGesture.addTarget(self, action: #selector(moveLayer)) 
self.addGestureRecognizer(panGesture) 

moveLayer：

func moveLayer(_ recognizer:UIPanGestureRecognizer) { 
    let p = recognizer.location(in: self) 

    // You will want to loop through all the layers you wish to transform 
    if myLayer.hitTest(p) != nil { 
     myLayer.position = p 
    } 
}