Animazione UIVIew - Ridimensionamento + Traduzione

Question

Ho una vista che voglio ridimensionare e tradurre in una nuova posizione animandola. Ho cercato di raggiungerlo con il seguente codice:

[UIView beginAnimations:nil context:nil]; 
[UIView setAnimationDuration:kDurationForFullScreenAnimation]; 
[[self animatingView] setFrame:finalRect]; 
[UIView commitAnimations]; 

L'effetto di questo codice è, la vista cambia prima grandezza del suo contenuto al finalRect e poi traduce nella nuova posizione. Ad esempio, la parte di ridimensionamento non è mai animata. La vista viene semplicemente trasformata nella nuova dimensione e quindi tradotta.

Questo problema è già stato discusso in diversi altri thread, ma nessuno di essi trarrà una conclusione. Tuttavia, esiste una soluzione, per utilizzare un timer e impostare il frame ogni volta nel callback del timer, ma ha un inconveniente di prestazioni.

Qual è la soluzione più appropriata a questo problema, inoltre, perché nel primo caso si verifica questo problema?

Grazie

Answer 1

L'impostazione del frame non ha né una scala né una traduzione. Stai utilizzando la terminologia sbagliata o stai usando lo strumento sbagliato per il lavoro. Scala e traduzione vengono entrambe eseguite utilizzando le trasformazioni Core Graphics Affine quando stai cercando di influenzare l'UIView (al contrario del livello che utilizza le trasformazioni Core Animation).

Per scalare una vista usare

// 2x 
[rotationView setTransform:CGAffineTransformMakeScale(2.0, 2.0)]; 

Per tradurre, utilizzare

// Move origin by 100 on both axis 
[rotationView setTransform:CGAffineTransformMakeTranslation(100.0, 100.0)]; 

Per animare questi, avvolgerli in un blocco di animazione. Se si desidera trasformare la vista con entrambi, è necessario concatenarli.

Se non si desidera affatto ridimensionamento e traslazione (trasformazioni), ciò che si intende è che si desidera modificare i limiti e la posizione della vista. Questi sono cambiati con chiamate di

[view setBounds:newRect]; 
[view setCenter:newCenter]; 

Dove newRect e nuovoCenter sono rispettivamente una CGRect e CGPoint che rappresentano la nuova posizione sullo schermo. Di nuovo, queste esigenze sono racchiuse in un blocco di animazione.

Answer 2

Ecco un esempio con l'animazione di blocco:

CGPoint newCenter = CGPointMake(100.0,100.0); 

[UIView animateWithDuration: 1 
         delay: 0 
        options: (UIViewAnimationOptionCurveLinear | UIViewAnimationOptionAllowUserInteraction) 
       animations:^{object.center = newCenter ; object.transform = CGAffineTransformScale(CGAffineTransformIdentity, 2.0, 2.0);} 
       completion:^(BOOL finished) { } 
]; 

Answer 3

provare questa soluzione:

CGAffineTransform s = CGAffineTransformMakeScale(0.5f,0.5f); 
    CGAffineTransform t = CGAffineTransformMakeTranslation(100, 0); 
    v2.transform = CGAffineTransformConcat(t,s); // not s,t 

questa operazione non è commutativa. L'ordine è l'opposto dell'ordine quando si usano le funzioni di comodità per applicare una trasformazione a un'altra.

Ed è possibile utilizzare questa operazione per: per esempio (togliere la scala):

v2.transform = 
    CGAffineTransformConcat(CGAffineTransformInvert(s), v2.transform);