Animer UILabel texte entre deux nombres?

Je suis nouveau sur iPhone et Mac de programmation (développé pour Windows avant), et j'ai une question:

Comment animer la text propriété d'un UILabel entre deux nombres, par exemple, à partir de 5 à 80 dans un Ease-Out style? Est-il possible avec CoreAnimation?
J'ai été chercher sur Google pour une heure, mais je n'ai rien trouvé la résolution de mon problème.
Ce que je veux: Animer les utilisateurs de l'argent pour un simple jeu. Il n'est pas très agréable quand il va juste de 50 à 100 ou quelque chose comme ça sans animation.

Toute personne ayant une idée de comment faire cela?

Merci!

C'est une vieille question, mais de la Pop (Facebook animation cadre) serait une bonne solution. Vous pourriez animer le texte directement la propriété.
Double Possible de Animer le changement de texte dans UILabel

InformationsquelleAutor Markus Kasten | 2011-03-14

158

Vous pouvez utiliser les transitions automatiques. Il fonctionne parfaitement bien :
```
//Add transition (must be called after myLabel has been displayed)
 CATransition *animation = [CATransition animation];
animation.duration = 1.0;
animation.type = kCATransitionFade;
animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
[myLabel.layer addAnimation:animation forKey:@"changeTextTransition"];

//Change the text
myLabel.text = newText;
```
Ce code fonctionne si myLabel est déjà affiché. Si pas myLabel.la couche sera nulle et l'animation ne sera pas ajoutée à l'objet.

dans Swift 4 qui serait:
```
let animation: CATransition = CATransition()
animation.duration = 1.0
animation.type = kCATransitionFade
animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)
myLabel.layer.add(animation, forKey: "changeTextTransition")
```
- Ne fonctionne pas sur iOS 5.
- Nope, fonctionne très bien sur iOS5.1!
- J'ai essayé ceci (en veillant à ce que la couche n'est pas nul, lorsque l'animation est ajouté), mais le texte n'est toujours pas à l'animer. Toutes les autres pièges?
- Juste une note de côté, vous devez ajouter de l'animation à droite avant de modifier le texte chaque fois que vous voulez changer le texte et ont l'effet de fondu arriver. Vous n'avez cependant pas avoir à instancier une nouvelle Transition à chaque fois, la même instance peut être réutilisé à plusieurs reprises.
- La question était de savoir comment animer les nombres par exemple, l'incrémentation en valeur, pas graphiquement le fondu entre les deux. Utilisation PRTween: github.com/shu223/TweenDemo/tree/...
- Le PRTween lien doit être github.com/dominikhofmann/PRTween
- En fait, si vous définissez removedOnCompletion à NO sur l'instance de CATransition, chaque modification de l'étiquette du text seront animées.
- ne fonctionne pas pour moi: j'ai utiliser ce code lorsque le changement de texte à partir de la valeur d'un curseur - pas de chance =(
- Comment savez-vous à la clé pour cela? Je veux dire il y a quelques clés communs de propriété de calque comme opacity, position, etc. Mais où trouvez-vous le changeTextTransition?? Je ne trouve pas de document pour cette.
- Aucune idée d'où un doc pourrait être et si il y a de tout. Les principaux sur un tutoriel il y a des années.
- Il n'y a rien de spécial au sujet de la clé de changeTextTransition. C'est tout simplement une chaîne de caractères qui identifie l'animation, ce qui signifie que c'est une chaîne que vous pouvez utiliser plus tard pour identifier une animation que vous avez ajouté précédemment. Si vous n'avez pas besoin d'être en mesure d'identifier votre animation plus tard, vous pouvez simplement spécifier nil.
InformationsquelleAutor CedricSoubrie

Il fonctionne bien!

Objective-C

[UIView transitionWithView:self.label 
                  duration:.5f 
                   options:UIViewAnimationOptionCurveEaseInOut | 
                           UIViewAnimationOptionTransitionCrossDissolve 
                animations:^{

    self.label.text = rand() % 2 ? @"111!" : @"42";

} completion:nil];

Swift

UIView.transitionWithView(label, duration: 0.25, options: [.CurveEaseInOut, .TransitionCrossDissolve], animations: {
    self.label.text = (arc4random() % 2 == 0) ? "111" : "222"
}, completion: nil)

A aussi travaillé pour d'autres propriétés, telles que la modification de la image d'un UIImageView

InformationsquelleAutor Anton Gaenko

J'ai trouvé un excellent moteur pour l'interpolation de valeurs avec une variété de différentes fonctions de temporisation appelé PRTween. Installer les classes et de créer un peu de code le long de ces lignes:

- (IBAction)tweenValue
{
    [[PRTween sharedInstance] removeTweenOperation:activeTweenOperation];
    PRTweenPeriod *period = [PRTweenPeriod periodWithStartValue:0.0 endValue:100.0 duration:1.0];
    activeTweenOperation = [[PRTween sharedInstance] addTweenPeriod:period
                                                             target:self
                                                           selector:@selector(update:)
                                                     timingFunction:&PRTweenTimingFunctionCircOut];
}

- (void)update:(PRTweenPeriod*)period
{
    self.animatingView.center = CGPointMake(period.tweenedValue + 100.0, 200.0);
    self.valueLabel.text = [NSString stringWithFormat:@"%.2f", period.tweenedValue];
}

Fonctionne un régal pour moi. 🙂

InformationsquelleAutor jowie

5

Si vous le souhaitez à compter vers le haut et vers le bas avec le nouveau numéro de pousser le numéro précédent (par exemple, un texte ou quelque chose):
```
let animation = CATransition()
animation.removedOnCompletion = true
animation.duration = 0.2
animation.type = kCATransitionPush
animation.subtype = newValue > value ? kCATransitionFromTop : kCATransitionFromBottom
animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseOut)
valueLabel.layer.addAnimation(animation, forKey:"changeTextTransition")
```
- Hey! Merci pour votre réponse! Cela fonctionne très soigné. J'ai seulement sur la question. Savez-vous comment animer une partie seulement du texte? Comme le 3e personnage et de laisser le reste inchangé? Je tiens à mettre en œuvre une étiquette qui indique le nombre. Si la valeur change seulement les chiffres sont pour l'animation, qui a vraiment changé.
- Personnellement, j'aurais l'air en utilisant CoreGraphics et CoreAnimation pour ce genre de chose. Ou vous pouvez tricher et à la chaîne d'un couple d'étiquettes? Dépend de la complexité de vous chaîne.
InformationsquelleAutor Adam Waite

Dans Swift 2.0, à l'aide de la UIView.transitionWithView() méthode:

UIView.transitionWithView(self.payPeriodSummaryLabel,
        duration: 0.2,
        options: [.CurveEaseInOut, .TransitionCrossDissolve],
        animations: { () -> Void in
            self.label.text = "your text value"
        }, completion: nil)

InformationsquelleAutor brandonscript

Vous devez vous connecter pour publier un commentaire.