iOS - флип анимация, от маленького к большому - PullRequest
Новая
       16

iOS - флип анимация, от маленького к большому

1 голос
/ 30 сентября 2011

Я пытаюсь смоделировать анимацию показов в приложении для iPad на iTunes.На главной избранной странице, если вы нажмете на один из небольших постеров в списке «Новые выпуски», он откроется, чтобы показать все детали фильма.

Когда постер постучат, я делаю это: 

//...create newView

[self.view addSubview:poster]; //because the poster was previously in a scrollview

[UIView transitionWithView:self.view duration:3
                   options:UIViewAnimationOptionTransitionFlipFromLeft animations:^{
                       [poster removeFromSuperview];
                       [self.view addSubview:newView];
                   }
                completion:NULL];

Но ... ВЕСЬ вид переворачивается, а не просто плакат.И он переворачивается вертикально, а не горизонтально, даже если я указал FlipFromLeft.Что я делаю не так?

РЕДАКТИРОВАТЬ: Кажется, что вы должны использовать какой-то вид контейнера для этого.Итак, я сделал один, добавил плакат к нему, а затем создал фиктивный UIView для тестирования: 

CGPoint newPoint = [self.view convertPoint:CGPointMake(poster.frame.origin.x, poster.frame.origin.y) fromView:[poster superview]];
poster.frame = CGRectMake(0, 0, poster.frame.size.width, poster.frame.size.height);

UIView *containerView = [[UIView alloc] initWithFrame:CGRectMake(newPoint.x, newPoint.y, poster.frame.size.width, poster.frame.size.height)];
[self.view addSubview:containerView];
[containerView addSubview:poster];


UIView *testView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, containerView.frame.size.width, containerView.frame.size.height)];
testView.backgroundColor = [UIColor redColor];

[UIView transitionWithView:containerView duration:3
                   options:UIViewAnimationOptionTransitionFlipFromLeft animations:^{
                       [poster removeFromSuperview];
                       [containerView addSubview:testView];
                   }
                completion:NULL];

Теперь вместо плаката появляется красный UIView, но анимация Flipping вообще отсутствует.Почему нет?

Ответы [ 2 ]

1 голос
/ 30 сентября 2011

Вы указываете, что представление переходит с self.view, поэтому неудивительно, что весь вид анимируется. Попробуйте вместо этого рассказать о переходе в анимацию в виде постеров. 

[UIView transitionWithView:poster.view duration:3
                   options:UIViewAnimationOptionTransitionFlipFromLeft animations:^{
                       [poster removeFromSuperview];
                       [self.view addSubview:newView];
                   }
                completion:NULL];
0 голосов
/ 03 марта 2013

Я создал UIViewController (с именем: transitionView) с двумя UIImageView (с именами: fromImageView и toImageView). Я добавил transitionView к моему viewController в viewDidLoad и установил альфа на 0. Я создаю оба из двух UIView изображение с этим: 

- (UIImage *) imageFromView: (UIView *) view {
    CGFloat alpha = [view alpha];
    [view setAlpha: 1.0];
    CGSize pageSize = view.frame.size;
    UIGraphicsBeginImageContext(pageSize);

    CGContextRef resizedContext = UIGraphicsGetCurrentContext();
    [view.layer renderInContext: resizedContext];
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();
    [view setAlpha: alpha];
    return image;
}

и вот мой флип-код с изменением размера: 

- (void) flipFromView: (UIView *) fromView toView: (UIView *) toView {
    // Warning: positions is wrong when your image (or view) is in UIScrollView...
    CGRect frame = CGRectMake(-8.0, 30.0, 336.0, 380.0); // resizing the fromView if the image is small...
    CGFloat interval = 1.0;

    [[transitionView view] setAlpha: 1.0]; //

    UIImage *fromViewImage = [self imageFromView: fromView];
    UIImageView *fromImageView = [transitionView fromImageView];
    [fromImageView setImage: fromViewImage];
    [fromImageView setFrame: [fromView frame]];


    UIImage *toViewImage = [self imageFromView: toView];
    UIImageView *toImageView = [transitionView toImageView];
    [toImageView setImage: toViewImage];
    [toImageView setFrame: frame];

    [fromView setHidden: YES]; // hide original while animating

    toImageView.layer.transform = CATransform3DMakeRotation(M_PI_2, 0.0, 1.0, 0.0);

    [UIView animateWithDuration: interval
                          delay: 0.0
                        options: UIViewAnimationOptionCurveEaseIn
                     animations: ^{
                         [fromImageView setFrame: frame];
                         fromImageView.layer.transform = CATransform3DMakeRotation(M_PI_2, 0.0, 1.0, 0.0);
                     } completion: ^(BOOL finished) {

                     }
     ];

    [UIView animateWithDuration: interval
                          delay: interval // wait to previous animation ending
                        options: UIViewAnimationOptionCurveEaseOut
                     animations: ^{
                         toImageView.layer.transform = CATransform3DMakeRotation(M_PI_2,  0.0, 0.0, 0.0);
                         toImageView.frame = [toView frame];
                     } completion: ^(BOOL finished) {
                         [toView setAlpha: 1.0];
                         [fromView setHidden: NO];
                     }
     ];
}

И извините, мой плохой английский, я не говорю по-английски!

...