UIView вертикальная анимация сальто

Question

У меня iOS UIView с UIViewAnimationTransitionFlipFromRight.Мне нужно, чтобы он перевернулся вертикально.Скручивание страницы не обрежет его.Я предполагаю, что это потребует чего-то особенного.

Есть идеи?

Answer 1

Просто напишите свой собственный метод для отражения, используя Core Animation Transforms.

- (void)verticalFlip{
    [UIView animateWithDuration:someDuration delay:someDelay animations:^{
        yourView.layer.transform = CATransform3DMakeRotation(M_PI,1.0,0.0,0.0);
    } completion:^{
        // code to be executed when flip is completed
    }];
}

Убедитесь, что вы добавили и включили библиотеки / фреймворки Core Animation, а также включили math.h, если хотите использовать нотацию M_PI.

EDIT:

Чтобы он по сути "изменил" представление, когда оно перевернуто на полпути, сделайте что-то вроде этого:

- (void)verticalFlip{
    [UIView animateWithDuration:someDuration delay:someDelay animations:^{
        yourView.layer.transform = CATransform3DMakeRotation(M_PI_2,1.0,0.0,0.0); //flip halfway
    } completion:^{
        while ([yourView.subviews count] > 0)
            [[yourView.subviews lastObject] removeFromSuperview]; // remove all subviews
        // Add your new views here 
        [UIView animateWithDuration:someDuration delay:someDelay animations:^{
            yourView.layer.transform = CATransform3DMakeRotation(M_PI,1.0,0.0,0.0); //finish the flip
        } completion:^{
            // Flip completion code here
        }];
    }];
}

Это также может работать:

- (void)verticalFlip{

    // Do the first half of the flip
    [UIView animateWithDuration:someDuration delay:someDelay animations:^{
        yourView.layer.transform = CATransform3DMakeRotation(M_PI_2,1.0,0.0,0.0); //flip halfway
    } completion:^{
        while ([yourView.subviews count] > 0)
            [[yourView.subviews lastObject] removeFromSuperview]; // remove all subviews
        // Add your new views here 
    }];

    // After a delay equal to the duration+delay of the first half of the flip, complete the flip
    [UIView animateWithDuration:someDuration delay:durationOfFirstAnimation animations:^{
        yourView.layer.transform = CATransform3DMakeRotation(M_PI,1.0,0.0,0.0); //finish the flip
    } completion:^{
        // Flip completion code here
    }];
}

Приветствия.

Answer 2

Начиная с iOS 5.0, нет необходимости писать свое собственное преобразование Core Animation для выполнения вертикальных переворотов.Просто используйте UIKit UIViewAnimationOptionTransitionFlipFromTop и UIViewAnimationOptionTransitionFlipFromBottom переходы, и все эти вещи становятся одним вызовом метода.

Они ведут себя аналогично UIViewAnimationOptionTransitionFlipFromLeft и UIViewAnimationOptionTransitionFlipFromRight (которые были вокругначиная с iOS 2.0).

Пример использования:

[UIView transitionFromView:viewToReplace
                    toView:replacementView
                  duration:1
                   options:UIViewAnimationOptionTransitionFlipFromBottom
                completion:nil];

Приведенный выше код перевернет суперпредставление viewToReplace по вертикали.В середине анимации, в момент, когда суперпредставление перпендикулярно экрану и, следовательно, невидимо, viewToReplace заменяется на replacementView.

Это так просто.

Answer 3

Код от Brenton у меня не сработал, поэтому я немного покопался в документах Apple, и нашел этот фрагмент кода для горизонтального отражения:

- (IBAction)toggleMainViews:(id)sender {
    [UIView transitionFromView:(displayingPrimary ? primaryView : secondaryView)
                        toView:(displayingPrimary ? secondaryView : primaryView)
                      duration:1.0
                       options:(displayingPrimary ? 
                                    UIViewAnimationOptionTransitionFlipFromRight :
                                    UIViewAnimationOptionTransitionFlipFromLeft)
                    completion:^(BOOL finished) {
                                   if (finished) {
                                       displayingPrimary = !displayingPrimary;
                                   }
                              }
    ];
}

Вы можете сделать вертикальный переворот, изменив параметры с UIViewAnimationOptionTransitionFlipFromRight : UIViewAnimationOptionTransitionFlipFromLeft на UIViewAnimationOptionTransitionFlipFromTop : UIViewAnimationOptionTransitionFlipFromBottom.

работал как шарм.

Answer 4

UIViewAnimationOptionTransitionFlipFromTop прост в использовании, но мы не можем создать интерактивный переход с помощью UIViewAnimationOptionTransitionFlipFromTop. Нам нужно преобразовать слой изменения, чтобы создать интерактивный переход.

Просто создать преобразование с помощью CATransform3DMakeRotation недостаточно, нет светового эффекта, нет перспективы. Я пишу образец, чтобы добавить эти эффекты. Вы можете легко изменить его на интерактивный переход.

Демо-версия:

Пример кода:

CALayer *sideALayer = sideAView.layer;
CALayer *sideBLayer = sideBView.layer;
CALayer *containerLayer = containerView.layer;

sideALayer.opacity = 1;
sideBLayer.opacity = 0;
sideBLayer.transform = CATransform3DMakeRotation(M_PI, 0, 1, 0);
containerLayer.transform = CATransform3DIdentity;

CATransform3D perspectiveTransform = CATransform3DIdentity;
perspectiveTransform.m34 = -1.0 / containerViewWidth;
[UIView animateKeyframesWithDuration:1 delay:0 options:UIViewKeyframeAnimationOptionCalculationModeLinear animations:^{

    [UIView addKeyframeWithRelativeStartTime:0 relativeDuration:0.5 animations:^{
        sideALayer.opacity = 0;
        containerLayer.transform = CATransform3DConcat(perspectiveTransform,CATransform3DMakeRotation(M_PI_2, 0, 1, 0));
    }];
    [UIView addKeyframeWithRelativeStartTime:0.5 relativeDuration:0.5 animations:^{
        sideBLayer.opacity = 1;
        containerLayer.transform = CATransform3DConcat(perspectiveTransform, CATransform3DMakeRotation(M_PI, 0, 1, 0));
    }];
} completion:nil];

sideAView и sideBView являются подпредставлениями containerView.

Контейнеру установлен черный фон.

Answer 5

Версия Swift 4.0 100% рабочий раствор

// view1: represents view which should be hidden and from which we are starting
// view2: represents view which is second view or behind of view1
// isReverse: default if false, but if we need reverse animation we pass true and it
// will Flip from Left

func flipTransition (with view1: UIView, view2: UIView, isReverse: Bool = false) {
    var transitionOptions = UIViewAnimationOptions()
    transitionOptions = isReverse ? [.transitionFlipFromLeft] : [.transitionFlipFromRight] // options for transition

    // animation durations are equal so while first will finish, second will start
    // below example could be done also using completion block.

    UIView.transition(with: view1, duration: 1.5, options: transitionOptions, animations: {
        view1.isHidden = true
    })

    UIView.transition(with: view2, duration: 1.5, options: transitionOptions, animations: {
        view2.isHidden = false
    })
}

Вызов функции:

anim.flipTransition(with: viewOne, view2: viewTwo)
anim.flipTransition(with: viewTwo, view2: viewOne, isReverse: true)

Рекомендуется создать расширение UIView и привязать эту функцию к этому расширению, чтобы оно было доступно любому дочернему объекту UIView. Это решение также может быть написано с использованием завершение блока.

Answer 6

Чтобы перейти в UIView:

  -(void) goToSeconVC
 {
  SecondVC *secondVCObj = [[SecondVC alloc] init];
  [UIView beginAnimation: @”View Flip” context: nil];
  [UIView setAnimationDuration: 1.0];
  [UIView setAnimationCurve: UIViewAnimationCurveEaseInOut];
  [UIView setAnimationTransition: UIViewAnimationTransitionFlipFromRight forView: self.navigationController.view cache: NO];
  [sef.navigationController pushViewController: seconVCObj animated: YES];
  [UIView commitAnimation];
 }
**To flip into a view controller:**
          viewController.modalTransitionStyle = UIModalTransitionStyleFlipHorizontal;
         [self presentViewController:viewController animated:YES completion:nil];
**To flip out of it:**

[self dismissViewControllerAnimated:YES completion:nil];

Answer 7

[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:0.75];
// checks to see if the view is attached
[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight
                       forView:flipLabel
                         cache:YES];

 flipLabel.backgroundColor = [UIColor yellowColor];



[UIView commitAnimations];

Вы можете сделать любую модификацию, которую захотите, при переключении вида. Здесь у меня есть изменение цвета фона