Animation flip UIView

Dans mon jeu, j'ai une grille de petits UIViews hébergé sur mon principal UIView. Au hasard les boîtes de tourner une couleur différente, à ce stade, l'utilisateur peut les toucher pour marquer un point. Quand ils touchent la boîte, je veux montrer une sorte d'animation, idéalement quelque chose de similaire à la modale horizontal flip segue que XCode propose nativement. Comment puis-je faire cette animation sans transition dans un autre UIView?

source d'informationauteur Chris

Vous pouvez simplement essayer de et animer la transformation de la vue comme ceci (pour une symétrie verticale):

[UIView animateWithDuration:0.5 delay:0.0 options:UIViewAnimationOptionCurveEaseInOut
                 animations:^(void) {
                     view.transform = CGAffineTransformMakeScale(1, -1);
                 }
                 completion:nil];

ou pour un meilleur contrôle, vous pourriez avoir un coup d'oeil dans iOS-Flip-Transformer.

EDIT:

pour l'ombre chose, essayez ceci:

    view.layer.shadowColor = [UIColor blackColor].CGColor;
    view.layer.shadowOpacity = 0.75;
    view.layer.shadowRadius = 15.0;
    view.layer.shadowOffset = (CGSize){0.0,20.0};

[UIView animateWithDuration:0.5 delay:0.0 options:UIViewAnimationOptionCurveEaseInOut
                 animations:^(void) {
                     view.transform = CGAffineTransformMakeScale(1, -1);
                 }
                 completion:^(BOOL b) {
    view.layer.shadowColor = [UIColor clearColor].CGColor;
    view.layer.shadowOpacity = 0.0;
    view.layer.shadowRadius = 0.0;
    view.layer.shadowOffset = (CGSize){0.0, 0.0};
                 }];

J'espère que cela fonctionne bien pour vous. Vous pouvez modifier les paramètres d'ombre que vous le souhaitez. N'oubliez pas d'importer QuartzCore/QuartzCore.h.

UIView fournit une méthode appelée

+ (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion

Les options comprennent UIViewAnimationOptionTransitionFlipFromLeft et ...Right

Pour chaque zone qui doit être retourné, vous pouvez utiliser un conteneur UIView.
Ajouter des deux côtés, dans ce conteneur.

if (side1Visible) {
    UIViewAnimationOptions options = UIViewAnimationOptionBeginFromCurrentState |     
    UIViewAnimationTransitionFlipFromRight;  

    [UIView transitionWithView:containerView  
                  duration:1.0  
                   options:options  
                animations:^{ side1.hidden = YES; side2.hidden = NO; }  
                completion:NULL];  
} else {
    UIViewAnimationOptions options = UIViewAnimationOptionBeginFromCurrentState |     
    UIViewAnimationTransitionFlipFromLeft;  

    [UIView transitionWithView:containerView  
              duration:1.0  
               options:options  
            animations:^{ side1.hidden = NO; side2.hidden = YES; }  
            completion:NULL]; 
}

0

Vous pouvez le faire avec le code suivant pour Swift 3.0:
```
    UIView.animate(withDuration: 0.5, delay: 0.0, options: .curveEaseInOut, animations: { 
        self.view.transform = CGAffineTransform(scaleX: 1, y: -1)
    }, completion: nil)
```
Il suffit de garder à l'esprit, que cette action va se produire sur votre thread principal, de sorte que l'application va être bloqué lors de l'exécution.

Si vous avez besoin d'un gestionnaire d'achèvement, il existe plusieurs options pour

C'est ce que j'ai (en Swift 3) basé sur Ilker Baltaci réponse:

@IBAction func flipViews() {

    //declare variables for transition
    let duration = 0.5
    var animationOptions: UIViewAnimationOptions
    var animations: () -> Void
    var completion: ((Bool) -> Void)?

    if view2.isHidden {
        animationOptions = [.beginFromCurrentState, .transitionFlipFromTop]
        animations = {
            self.view2.isHidden = false
            self.view1.isHidden = true
        }
        completion = { success in
            if success {
                self.updateSomeContentOfView2()
            }
        }
    } else {
        animationOptions = [.beginFromCurrentState, .transitionFlipFromBottom]
        animations = {
            self.view2.isHidden = true
            self.view1.isHidden = false
        }
    }

    UIView.transition(with: containerView,
                      duration: duration,
                      options: animationOptions,
                      animations: animations,
                      completion: completion)
}

Mon point de Vue de la hiérarchie pour containerViewview1 & view2 (qui sont tous IBOutlets dans mon custom ViewController classe) est comme suit:

containerView
- view1
- view2

Vous devez vous connecter pour publier un commentaire.