2016-06-03 1 views
7

Я сделал круг Путь, центр пути круга находится посредине представления. Затем я сделал шар, который может двигаться только по круговой траектории (по крайней мере, это то, что я хочу, чтобы это было): enter image description hereПеретащите мяч по круговой дорожке в Swift

Я сделал функцию, перемещать мяч туда, куда я тащу его (по круговой траектории только), но по какой-то причине, когда я перетаскиваю его, он становится сумасшедшим и не двигается, как я хочу, чтобы он двигался.

Это мой код до сих пор:

class ViewController: UIViewController { 
    var midViewX = CGFloat() 
    var midViewY = CGFloat() 

    var circlePath2 = UIBezierPath() 
    var shapeLayer2 = CAShapeLayer() 
    override func viewDidLoad() { 
     super.viewDidLoad() 
     midViewX = view.frame.midX 
     midViewY = view.frame.midY 
     // Do any additional setup after loading the view, typically from a nib. 
     let circlePath = UIBezierPath(arcCenter: CGPoint(x: midViewX,y: midViewY), radius: CGFloat(100), startAngle: CGFloat(0), endAngle:CGFloat(M_PI * 2), clockwise: true) 
     let shapeLayer = CAShapeLayer() 
     shapeLayer.path = circlePath.CGPath 
     shapeLayer.fillColor = UIColor.clearColor().CGColor 
     shapeLayer.strokeColor = UIColor.redColor().CGColor 
     shapeLayer.lineWidth = 3.0 
     view.layer.addSublayer(shapeLayer) 

     var angleEarth: Double = 180 
     var angleEarthAfterCalculate: CGFloat = CGFloat(angleEarth*M_PI/180) - CGFloat(M_PI/2) 
     var earthX = midViewX + cos(angleEarthAfterCalculate)*100 
     var earthY = midViewY + sin(angleEarthAfterCalculate)*100 
     circlePath2 = UIBezierPath(arcCenter: CGPoint(x: earthX,y: earthY), radius: CGFloat(10), startAngle: CGFloat(0), endAngle:CGFloat(M_PI * 2), clockwise: true) 
     shapeLayer2.path = circlePath2.CGPath 
     shapeLayer2.fillColor = UIColor.blueColor().CGColor 
     shapeLayer2.strokeColor = UIColor.clearColor().CGColor 
     shapeLayer2.lineWidth = 7 
     view.layer.addSublayer(shapeLayer2) 

     let dragBall = UIPanGestureRecognizer(target: self, action:#selector(ViewController.dragBall(_:))) 
     view.addGestureRecognizer(dragBall) 

    } 

    @IBAction func dragBall(recognizer: UIPanGestureRecognizer) { 
     let point = recognizer.locationInView(self.view); 
     let earthX = Double(point.x) 
     let earthY = Double(point.y) 
     let midViewXDouble = Double(midViewX) 
     let midViewYDouble = Double(midViewY) 
     let angleX = (earthX - midViewXDouble) 
     let angleY = (earthY - midViewYDouble) 
     let angle = tan(angleY/angleX) 
     let earthX2 = midViewXDouble + cos(angle)*100 
     let earthY2 = midViewYDouble + sin(angle)*100 
     circlePath2 = UIBezierPath(arcCenter: CGPoint(x: earthX2,y: earthY2), radius: CGFloat(10), startAngle: CGFloat(0), endAngle:CGFloat(M_PI * 2), clockwise: true) 
     shapeLayer2.path = circlePath2.CGPath 
    } 
} 

решение, вероятно, в математике я сделал в dragBall Func

+0

Eliko, у меня есть проблемы, что делает эту работу с autolayout. См. Http://stackoverflow.com/questions/40885682/my-uiviews-muck-up-when-i-combine-uipangesturerecognizer-and-autolayout – Greg

ответ

6

Эта линия является неправильным:

let angle = tan(angleY/angleX) 

С вы хотите рассчитать угол от нужных координат "inverse tangent of two variables"

let angle = atan2(angleY, angleX) 
+0

Отлично! Оно работает! Спасибо :) Но почему мне нужен обратный тангенс, а не обычный? – Eliko

+1

@Eliko: Грубо говоря: 'slope = tan (angle)', 'angle = atan (slope)' –

+0

@MartinR [этот ответ] (http://math.stackexchange.com/a/1327368) объясняет математику ? –

2

SWIFT 3 Обновленный код

var midViewX = CGFloat() 
var midViewY = CGFloat() 

var circlePath2 = UIBezierPath() 
var shapeLayer2 = CAShapeLayer() 


override func viewDidLoad() { 

    super.viewDidLoad() 
    midViewX = view.frame.midX 
    midViewY = view.frame.midY 
    // Do any additional setup after loading the view, typically from a nib. 
    let circlePath = UIBezierPath(arcCenter: CGPoint(x: midViewX,y: midViewY), radius: CGFloat(100), startAngle: CGFloat(0), endAngle:CGFloat(M_PI * 2), clockwise: true) 
    let shapeLayer = CAShapeLayer() 
    shapeLayer.path = circlePath.cgPath 
    shapeLayer.fillColor = UIColor.clear.cgColor 
    shapeLayer.strokeColor = UIColor.red.cgColor 
    shapeLayer.lineWidth = 3.0 
    view.layer.addSublayer(shapeLayer) 

    var angleEarth: Double = 180 
    var angleEarthAfterCalculate: CGFloat = CGFloat(angleEarth*M_PI/180) - CGFloat(M_PI/2) 
    var earthX = midViewX + cos(angleEarthAfterCalculate)*100 
    var earthY = midViewY + sin(angleEarthAfterCalculate)*100 
    circlePath2 = UIBezierPath(arcCenter: CGPoint(x: earthX,y: earthY), radius: CGFloat(10), startAngle: CGFloat(0), endAngle:CGFloat(M_PI * 2), clockwise: true) 
    shapeLayer2.path = circlePath2.cgPath 
    shapeLayer2.fillColor = UIColor.blue.cgColor 
    shapeLayer2.strokeColor = UIColor.clear.cgColor 
    shapeLayer2.lineWidth = 7 
    view.layer.addSublayer(shapeLayer2) 

    let dragBall = UIPanGestureRecognizer(target: self, action:#selector(dragBall(recognizer:))) 
    view.addGestureRecognizer(dragBall) 

} 

func dragBall(recognizer: UIPanGestureRecognizer) { 
    let point = recognizer.location(in: self.view); 
    let earthX = Double(point.x) 
    let earthY = Double(point.y) 
    let midViewXDouble = Double(midViewX) 
    let midViewYDouble = Double(midViewY) 
    let angleX = (earthX - midViewXDouble) 
    let angleY = (earthY - midViewYDouble) 
    //let angle = tan(angleY/angleX) 
    let angle = atan2(angleY, angleX) 
    let earthX2 = midViewXDouble + cos(angle)*100 
    let earthY2 = midViewYDouble + sin(angle)*100 
    circlePath2 = UIBezierPath(arcCenter: CGPoint(x: earthX2,y: earthY2), radius: CGFloat(10), startAngle: CGFloat(0), endAngle:CGFloat(M_PI * 2), clockwise: true) 
    shapeLayer2.path = circlePath2.cgPath 
}