glisser/déposer une image à un endroit avec animation/effets

Question

J'essaie de créer une application de simulation simple sur iPad: Sur le côté droit il y a une clé et je dois glisser et déposer la clé dans la serrure qui est en bas et au centre de l'écran: La clé est actuellement une image et la serrure est également une image. Les questions que j'ai:
1) Comment est-ce que je saurais que la clé est sur le dessus de la serrure, donc je peux faire tourner la serrure verte et la touche disparaître avec une animation, si possible?

2) Comment déplacer la clé (comme si elle s'était détachée de la barre verticale droite) et quand elle est tombée sur la serrure devient verte sinon elle reste la même?

3) une animation lorsque le verrou s'ouvre (c'est une requête Addon)?

Quelle devrait être ma démarche pour ce type de simulation? Jusqu'ici j'ai l'image agissant comme le bouton et onPress montre une certaine fonction mais je n'ai aucune idée de la façon de traiter le mouvement et l'animation/les effets.

Veuillez me guider afin que je puisse réaliser l'exigence ci-dessus.

Merci à l'avance.

Answer 1

Vous pouvez utiliser un UIPanGestureRecognizer pour le mouvement de glissement. Dans l'action pour le module de reconnaissance, vous pouvez examiner l'état du module de reconnaissance.

Lorsque le mouvement est dans l'état de début, obtenez le point actuel du geste. Ensuite, utilisez hitTest pour voir si la vue de l'image clé était sous le doigt au début du geste. Si c'est le cas, stockez l'origine de l'image clé pour pouvoir l'ajouter. Utilisez les propriétés du geste pour animer (déplacer) la vue de l'image clé lors d'actions consécutives.

Lorsque le mouvement est à l'état final, effectuez un autre test d'atteinte pour voir si vous avez dépassé le verrou.