iPhone - Objekt Verschieben Sie entlang berühren und ziehen Sie Weg

Ich entwickle eine einfache animation, wo ein UIImageView bewegt sich entlang einer UIBezierPath, jetzt möchte ich die Bereitstellung von Benutzer-interation von der bewegten UIImageView so dass der Benutzer führen kann, die UIImageView durch berühren der UIImageView und ziehen Sie die UIImageview rund um den Bildschirm.

Sir ich habe das gleiche problem wie du haben bitte helfen Sie mir, wenn Sie tun, was.

InformationsquelleAutor Pete | 2012-03-29

5

So dass Sie möchten, dass der Benutzer in der Lage sein, zu berühren, ein Bild in der Mitte eines keyframe-animation entlang eines gekrümmten Pfades, und ziehen Sie es an eine andere Stelle? Was wollen Sie passieren, um die animation an diesem Punkt?

Haben Sie mehreren Herausforderungen stellen.

Erste ist die Erkennung der touch auf das Objekt, während Sie eine keyframe-animation ist "im Flug".

Zu tun, dass Sie wollen, verwenden Sie die übergeordnete Ansicht layer-presentation layer die hitTest-Methode.

Einer Schicht die Präsentationsschicht stellt den Zustand der layer in jedem gegebenen Augenblick, einschließlich Animationen.

Sobald Sie erkennen, berührt auf Ihre anzeigen, die Sie brauchen, um das Bild der aktuellen Position von der Präsentations-Schicht, die animation anzuhalten, und nehmen Sie über mit einem touchesMoved/touchesDragged basierten animation.

Schrieb ich eine demo-Anwendung, die zeigt, wie zu erkennen, berührt ein Objekt, das animiert wird entlang eines Pfades. Das wäre ein guter Ausgangspunkt.

Werfen Sie einen Blick hier:

Core Animation demo-einschließlich der Erkennung von Berührungen auf einem Blick, während eine animation ist "im Flug".

InformationsquelleAutor Duncan C

Ändern Sie den Rahmen zu der position der Bildanzeige in touchesMoved:withEvent:.

Edit: code

- (void)touchesBegan:(NSSet*)touches withEvent:(UIEvent*)event {
    UITouch *touch = [[event allTouches] anyObject];
    if ([touch.view isEqual: self.view] || touch.view == nil) {
        return;
    }

    lastLocation = [touch locationInView: self.view];
}

- (void)touchesMoved:(NSSet*)touches withEvent:(UIEvent*)event {
    UITouch *touch = [[event allTouches] anyObject];
    if ([touch.view isEqual: self.view]) {
        return;
    }

    CGPoint location = [touch locationInView: self.view];

    CGFloat xDisplacement = location.x - lastLocation.x;
    CGFloat yDisplacement = location.y - lastLocation.y;

    CGRect frame = touch.view.frame;
    frame.origin.x += xDisplacement;
    frame.origin.y += yDisplacement;
    touch.view.frame = frame;
    lastLocation=location;
}

Sollten Sie auch umzusetzen touchesEnded:withEvent: und touchesCanceled:withEvent:.

Ok, aber wie erkennt man, ob touch ist die auf ein bestimmtes Objekt?
Die Objekte in der Menge touches Sie erhalten in dieser Methode sind UITouches und Sie haben daher die Eigenschaft view ist der Ansicht, in der die Berührung anfangs aufgetreten ist.
ist es möglich für Sie zu teilen, ein kleines code-snippet?
Hinzugefügt von code.
Danke, werde ich versuchen, diese

InformationsquelleAutor dasdom

Einfachste Weg wäre Unterklassen UIImageView.

Für einfache ziehen nehmen Sie einen Blick auf den code hier (code entliehen Benutzer MHC):

UIView ziehen (Bild und text)

Da Sie wollen, zusammen zu ziehen Bézier-Pfad musst du ändern touchesMoved:

 -(void) touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {

        UITouch *aTouch = [touches anyObject];

        //here you have location of user's finger
        CGPoint location = [aTouch locationInView:self.superview];

        [UIView beginAnimations:@"Dragging A DraggableView" context:nil];

        //commented code would simply move the view to that point  
        //self.frame = CGRectMake(location.x-offset.x,location.y-offset.y,self.frame.size.width, self.frame.size.height);

        //you need some kind of a function
        CGPoint calculatedPosition = [self calculatePositonForPoint: location];

        self.frame = CGRectMake(calculatedPosition.x,calculatedPosition.y,self.frame.size.width, self.frame.size.height);

        [UIView commitAnimations];
    }

Was genau Sie tun wollen, in -(CGPoint) calculatePositionForPoint:(CGPoint)location
ist bis zu Ihnen. Sie könnten beispielsweise berechnen, Stelle in Bézier-Pfad, der am nächsten an location. Für einfache test können Sie tun:

-(CGPoint) calculatePositionForPoint:(CGPoint)location {

    return location;
}

Auf dem Weg Sie sind gonna haben zu entscheiden, was passiert, wenn der Benutzer Wunder aus zu weit von Ihrem
vorberechnete Bézier-Pfad.

InformationsquelleAutor Rok Jarc

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.