Comment faire de UIView de l'animation de la séquence de répétition et autoreverse

Comment faire de ce complexe d'animation et de répétition autoreverse?
Est-il possible d'ajouter des options UIViewAnimationOptionAutoreverse | UIViewAnimationOptionRepeat à cette séquence d'animation?

   [UIView animateWithDuration:1.0f animations:^{

        someView.frame = someFrame1;

    } completion:^(BOOL finished) {

        [UIView animateWithDuration:0.5f animations:^{

            someView.frame = someFrame2;

        } completion:nil];

    }];

Voulez-vous utiliser keyframeanimation? Animation avec des images clés a de telles propriétés de autoreverse et de répétition automatique.

InformationsquelleAutor B.S. | 2013-02-06

109

À l'animation du point 1 aux 2 aux 3 aux 2 aux 1 et répétez, vous pouvez faire l'utilisation animateKeyframesWithDuration dans iOS 7 et versions ultérieures:
```
someView.frame = frame1;
[UIView animateKeyframesWithDuration:2.0 delay:0.0 options:UIViewKeyframeAnimationOptionAutoreverse | UIViewKeyframeAnimationOptionRepeat animations:^{
    [UIView addKeyframeWithRelativeStartTime:0.0 relativeDuration:0.5 animations:^{
        someView.frame = frame2;
    }];
    [UIView addKeyframeWithRelativeStartTime:0.5 relativeDuration:0.5 animations:^{
        someView.frame = frame3;
    }];
} completion:nil];
```
Si l'utilisation de l'auto-mise en page, vous pouvez animer l'évolution de la contrainte de constantes:
```
[UIView animateKeyframesWithDuration:2.0 delay:0.0 options:UIViewKeyframeAnimationOptionAutoreverse | UIViewKeyframeAnimationOptionRepeat animations:^{
    [UIView addKeyframeWithRelativeStartTime:0.0 relativeDuration:0.5 animations:^{
        topConstraint.constant = 200;
        leftConstraint.constant = 200;
        [self.view layoutIfNeeded];
    }];
    [UIView addKeyframeWithRelativeStartTime:0.5 relativeDuration:0.5 animations:^{
        topConstraint.constant = 100;
        leftConstraint.constant = 300;
        [self.view layoutIfNeeded];
    }];
} completion:nil];
```
Ou, l'approche avec mise en page automatique est de désactiver les contraintes, et puis vous pouvez animer à l'aide de frame valeurs ou ce que vous avez.

Dans les versions antérieures d'iOS, vous pouvez utiliser CAKeyframeAnimation, par exemple pour animer le long d'un chemin:
```
UIBezierPath *path = [UIBezierPath bezierPath];
[path moveToPoint:CGPointMake(100.0, 100.0)];
[path addLineToPoint:CGPointMake(200.0, 200.0)];
[path addLineToPoint:CGPointMake(100.0, 300.0)];

CAKeyframeAnimation *animatePosition = [CAKeyframeAnimation animationWithKeyPath:@"position"];
animatePosition.path = [path CGPath];
animatePosition.duration = 1.0;
animatePosition.autoreverses = YES;
animatePosition.repeatCount = HUGE_VALF;
[self.someView.layer addAnimation:animatePosition forKey:@"position"];
```
Vous pouvez faire cela avec cependant de nombreux points que vous voulez. Cela est également utile si vous souhaitez animer le long d'un chemin courbe (par exemple, un cercle ou une courbe de bézier).

Juste une animation entre deux points, vous pouvez utiliser animateWithDuration:delay:options:animations:completion:, tels que:
```
[UIView animateWithDuration:0.5
                      delay:0.0
                    options:UIViewAnimationOptionAutoreverse | UIViewAnimationOptionRepeat | UIViewAnimationOptionCurveEaseInOut
                 animations:^{
                     //do whatever animation you want, e.g.,

                     someView.frame = someFrame1;
                 }
                 completion:NULL];
```
Cette anime le mouvement de someView de l'image de départ à someFrame1 et à l'arrière.

Par la façon dont, à l'aide de UIViewAnimationOptionCurveEaseInOut en conjonction avec UIViewAnimationOptionAutoreverse et UIViewAnimationOptionRepeat vous donnera un effet plus lisse que de l'animation renverse et se répète.
- Avant de poser cette question, j'ai essayé de coller 2 pâté de maisons de la question dans le bloc d'animation avec des options Autoreverse et Répétez. Cela ne fonctionne pas
- Le cadre n'est pas le même
- 1 à 2 de 3 à 2 pour 1 ... à 2 à 3 à 2 à 1 .. 2 .......
- Comment voulez-vous mettre fin à une répétition de l'animation a commencé dans une telle manière, par exemple, lorsque le parent-vue-contrôleur disparaît?
- Une fois que la vue est supprimée de la vue de la hiérarchie, l'animation s'arrête automatiquement et aucune autre action n'est requise de votre part (c'est pas comme répétition de minuterie ou d'afficher un lien dans lequel vous devez la nettoyer vous-même). Si vous ne souhaitez arrêter une répétition de l'animation, bien que, vous pouvez l'appeler removeAllAnimations sur le point de vue de la couche.
- Pour des raisons de simplicité: j'ai une barre grise que mon animation se tourne vers le bleu, puis vert "Ok" dans le texte, et puis pas de texte / en bleu et le gris. J'ai utilisé ci-dessus AutoReverse à réaliser avec moins d'étapes et cela a fonctionné. Cependant, après qu'il renverse et se transforme par la suite en gris de nouveau, il se termine alors par un retour à l'animation de l'état de vert avec le texte "Ok". Pourquoi fait-elle ça?!? Pourquoi ne pas finir dans l'état initial de seulement gris?
- Pas de travail. désolé mate.
- En fait, je suis novice. J'ai essayé de charger l'animation dans le viewdidload. C'était le problème. Son travail maintenant. J'ai oublié de poster ici. Merci.
- génie bro! merci mate 🙂
InformationsquelleAutor Rob

Swift 4 pour de simples wiggle séquence:

func animateWiggle() {
    //Set animation props
    let scaleDelta = CGFloat(0.10)

    //Set transforms
    let wiggleOutHorizontally = CGAffineTransform(scaleX: 1.0 + scaleDelta, y: 1.0)
    let wiggleOutVertically = CGAffineTransform(scaleX: 1.0, y: 1.0 + scaleDelta)

    //Run animation sequence
    UIView.animateKeyframes(withDuration: 1.0, delay: 0.0, options: [.autoreverse, .repeat], animations: {
        //Animate wiggle horizontally
        UIView.addKeyframe(withRelativeStartTime: 0.0, relativeDuration: 0.5, animations: {
            self.transform = wiggleOutHorizontally
        })

        //Animate wiggle vertically
        UIView.addKeyframe(withRelativeStartTime: 0.5, relativeDuration: 0.5, animations: {
            self.transform = wiggleOutVertically
        })
    },
    completion: nil)
}

InformationsquelleAutor Crashalot

-1

    UIImageView *pin = [UIImageView new];
    [pin setFrame:CGRectMake(115, 160, 30, 60)];
    [pin setBackgroundColor:[UIColor redColor]];
    [holderView addSubview:pin];

    [UIView animateWithDuration:1.0 delay:0.0 options:UIViewAnimationOptionAutoreverse | UIViewAnimationOptionRepeat
                     animations:^{
                        //[pin setTransform:CGAffineTransformMakeTranslation(0, 20)];
                         [pin setFrame:CGRectMake(115, 200, 60, 100)];
                     }completion:^(BOOL finished){

                     }];

(insérez votre propre animation)

InformationsquelleAutor Johnny Rockex

Vous devez vous connecter pour publier un commentaire.