Animare il frame di UILabel senza problemi

Question

Ho cercato di capire un modo decente per animare senza problemi una modifica della dimensione del fotogramma su un UILabel, senza un ridisegno di salto iniziale. Quello che succede di default è che quando faccio qualcosa di simile:

// Assume myLabel frame starts as (0, 0, 100, 200) 
[UIView beginAnimations:@"myAnim" context:NULL]; 
[UIView setAnimationBeginsFromCurrentState:YES]; 
[UIView setAnimationCurve:UIViewAnimationCurveLinear]; 
[UIView setAnimationDuration:1.0]; 
myLabel.frame = CGRectMake(0.0, 0.0, 50, 100); 
[UIView commitAnimations]; 

ricevo un'animazione fluida con l'etichetta, tuttavia il modo in cui lo fa è che ci vuole il livello dell'immagine ridisegnato per il formato di destinazione dell'etichetta e allunga il contenuto per adattarlo alla corrente, quindi si anima nel rettangolo di destinazione. Questo finisce con un salto molto bizzarro nella visualizzazione del testo. Qui ci sono due immagini che mostrano l'aspetto pre-animazione e poi subito dopo l'animazione inizia:

pre-animazione

Post-Animazione

ho cercato di usare solo la strato per animare questo, ma ho ancora gli stessi problemi.

Quindi la domanda è: come posso evitare questo?

Grazie per qualsiasi aiuto,
Scott

Answer 1

Animare il telaio non animare la modifica della dimensione dei caratteri. Se capisco quale comportamento stai vedendo, penso che l'etichetta adjustsFontSizeToFitWidth sia impostata su "Vero", quindi stai vedendo il fotogramma animato come dimensioni, seguito dalla regolazione istantanea della dimensione del carattere.

Si potrebbe provare a ridimensionare la trasformazione dell'etichetta in modo che la cornice e la scala dei caratteri siano simultaneamente.

Answer 2

Urrà per rispondere a una domanda morta di due anni, ma ho trovato la risposta. In Interface Builder o nel codice, modificare la proprietà contentMode dell'etichetta. Il tuo sembra essere impostato su scaleToFill; prova left o right.

Answer 3

Per espandere sulla risposta di @ cliclcly: Dal Panoramica della documentazione di UILabel: modalità contenuto

Il valore di default della classe UILabel è UIViewContentModeRedraw. Questa modalità fa sì che la vista ridisegni il suo contenuto di ogni volta che cambia il suo rettangolo di delimitazione. È possibile modificare questa modalità modificando la proprietà contentMode ereditata della classe .

Dalla documentazione della proprietà contentMode di UIView:

Il valore predefinito di questa proprietà è UIViewContentModeScaleToFill.

UILabels si comporta in modo diverso rispetto ad altri UIViews per impostazione predefinita perché la proprietà contentMode è diversa per impostazione predefinita.

Answer 4

Basta disattivare il layout automatico per l'etichetta.

In Xcode, clicca sull'etichetta e quindi nel riquadro proprietà, deselezionare l'opzione auto-layout di

Answer 5

ho scoperto che UILabel animazioni di fotogrammi sono strani - la loro dimensione è impostata immediatamente alla dimensione finale e la il testo è reso per quella dimensione. Dopodiché viene animata solo la modifica della posizione, il che significa che se la dimensione della destinazione è (0,0), l'etichetta scompare immediatamente. Per ovviare a questa limitazione ho collocato l'etichetta all'interno di una vista della stessa dimensione che ritaglia le sottoview, autorizzo disabilitato per l'etichetta, e sto animando la superview dell'etichetta invece dell'etichetta stessa. Il risultato finale è che la cornice dell'etichetta è completamente animata, ma il testo contenuto non viene ricreato con, diciamo, una diversa dimensione del carattere, né il troncamento del testo cambia. Non è ancora perfetto, ma è adatto al mio scopo.

fotogramma iniziale:

durante l'animazione:

Animazione concluso: