cómo programar arrastrar y soltar con ajuste al área en Objective-C para IOS

Question

Estoy buscando implementar algo en Objective-C para la plataforma IOS.

Quiero tener dos objetos de la GUI, digamos que son UIImages por simplicidad y son de formas cuadradas.

Y luego tengo un elemento GUI "vacío" que es simplemente un cuadrado en gris del mismo tamaño.

Quiero que el usuario pueda arrastrar una de las imágenes cuadradas al cuadrado vacío y, siempre que una parte de la imagen toque el cuadrado vacío, se insertará en ese cuadrado vacío y lo rellenará. Y si dejan caer la imagen en cualquier otro lugar, se anima a la ubicación original.

También me gustaría tener otras 2 imágenes cuadradas y otro cuadrado vacío con la misma interacción, pero cada grupo de 2 imágenes y 1 cuadrado vacío no pueden funcionar entre sí. es decir, las dos primeras imágenes solo pueden soltarse en el primer cuadrado vacío.

Supongo que habrá algún evento de caída que quiero capturar y luego determino si los metadatos de imagen coinciden con el cuadrado vacío en el que se está insertando.

Si conoces algún ejemplo de código o aplicación, ciertamente puedo trabajar con el código para entenderlo o si tienes algunos objetos, eventos y propiedades para señalar que sería genial.

Esto no es tanto para un juego como para una aplicación, por lo que preferiría no trabajar en ninguno de los motores de los juegos, pero si eso es una manera fácil de hacerlo, estoy totalmente de acuerdo.

Answer 1

Puede lograr esto con bastante facilidad. A la imagen, adjuntas un UILongPressGestureRecognizer y en el método de acción, actualizas la posición de la imagen según el movimiento de los dedos. Obtén la ubicación actual del gesto con - (CGPoint)locationInView:(UIView *). Con cada movimiento, puede verificar si el marco de la imagen se superpone al marco de su área objetivo y, si lo hace, ajustarlo en su lugar.

Comprobación de solapamiento es bastante simple (dada la imagen y el objetivo que ambos son parte de la misma jerarquía de la vista):

CGRect imageRect = [image convertRect:image.frame toView:[image superview]]; 
CGRect targetRect = [target convertRect:target.frame toView:[image superview]]; 
if (CGRectIntersectsRect(imageRect, targetRect)) { 
    // overlap 
} 

---

Para regresar la imagen si el usuario ha bajado fuera, se puede hacer una fotograma o animación central a la posición original. Entonces, cuando comienza la resistencia, se llama a su método de acción. Compruebe si su variable de instancia, llamémoslo originalCenter, no es igual a CGPointZero. Si es así, registra el centro actual en originalCenter.

Entonces, cuando el usuario coloca la imagen y es enorme el objetivo, se mueve hacia atrás:

[UIView animateWithDuration:0.2 
       animations:^{ 
        image.center = originalCenter; 
        self.originalCenter = CGPointZero; 
        }];