轉(zhuǎn)場動畫

方法1: 利用控制器的 transitionFromViewController:toViewController: ... 方法轉(zhuǎn)場,from, to兩個控制器必須是同一個控制器的子控制器


    BigPhotoViewController *bigVc = [[BigPhotoViewController alloc] init];
    
    [self addChildViewController:bigVc];
    
    bigVc.image = self.array[indexPath.item];
//    [self presentViewController:bigVc animated:YES completion:nil];
    
    bigVc.view.alpha = 0.0;
    // 1. 利用控制器的 transitionFromViewController:toViewController: ... 方法轉(zhuǎn)場,from, to兩個控制器必須是同一個控制器的子控制器
    
    [self transitionFromViewController:self.vc1  toViewController:bigVc duration:0.5 options:UIViewAnimationOptionCurveLinear animations:^{
        
        bigVc.view.alpha = 1.0;
        
    } completion:nil];

方法2: 利用CoreAnimation的CATransition

    BigPhotoViewController *bigVc = [[BigPhotoViewController alloc] init];

    bigVc.image = self.array[indexPath.item];

    // 2. 利用CATransition
    CATransition *transition = [CATransition animation];
    transition.type = @"cube";
    
    [self.view.layer addAnimation:transition forKey:nil];
    
    [self presentViewController:bigVc animated:YES completion:nil];

方法3: 利用轉(zhuǎn)場代理transitioningDelegate

- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath
{

    BigPhotoViewController *bigVc = [[BigPhotoViewController alloc] init];

    bigVc.image = self.array[indexPath.item];
    bigVc.modalPresentationStyle = UIModalPresentationCustom;
    
    // 3. 利用轉(zhuǎn)場代理
    
    bigVc.transitioningDelegate = self.animator;
    self.animator.delegate = self;
    self.animator.indexPath = indexPath;
    
    [self presentViewController:bigVc animated:YES completion:nil];
    
}

需要遵守<UIViewControllerTransitioningDelegate>協(xié)議的對象animator做代理


@interface BigPhotoAnimator : NSObject  <UIViewControllerTransitioningDelegate, UIViewControllerAnimatedTransitioning>
// 自定義遵守<UIViewControllerTransitioningDelegate>協(xié)議的對象, 實現(xiàn)下面方法(present時 / dismiss時各一個)
#pragma mark - <UIViewControllerTransitioningDelegate>
// 出現(xiàn)時的動畫對象
- (id<UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController:(UIViewController *)presented presentingController:(UIViewController *)presenting sourceController:(UIViewController *)source
{
    self.isPresentAnimate = YES;
    return self;
}

/*
 * 消失時的動畫對象
 */
- (id<UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController:(UIViewController *)dismissed
{
    self.isPresentAnimate = NO;
    return self;
    
}

這兩個方法的返回對象必須遵守<UIViewControllerAnimatedTransitioning>協(xié)議, 可以返回自定義對象本身,讓該對象遵守<UIViewControllerAnimatedTransitioning>協(xié)議,實現(xiàn)以下方法

#pragma mark - <UIViewControllerAnimatedTransitioning>

// 動畫時間
- (NSTimeInterval)transitionDuration:(id<UIViewControllerContextTransitioning>)transitionContext
{
    
    return 0.5;
}

// 具體動畫實現(xiàn)
- (void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext
{
    // 通過上下文獲得from控制器
    UIViewController *fromVc = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    
    // 通過上下文獲得to控制器
    UIViewController *toVc = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    
    // 通過上下文獲得from的view
    UIView *fromView = [transitionContext viewForKey:UITransitionContextFromViewKey];
    // 通過上下文獲得to的view
    UIView *toView = [transitionContext viewForKey:UITransitionContextToViewKey];

    // 獲取動畫時間
    NSTimeInterval duration = [self transitionDuration:transitionContext];
    
    if (self.isPresentAnimate) {  // 彈出動畫
        
        toView.alpha = 0.0;
        UIImage *image = nil;
        CGRect rect = CGRectZero;
        
        
        // 自定義協(xié)議,通過代理實現(xiàn)協(xié)議的方法獲得要做動畫的imageView的圖片和大小
        if (_delegate) {
            image = [_delegate animator:self ImageForIndexPath:self.indexPath];
            rect = [_delegate animator:self RectForIndexPath:self.indexPath];
        }
        
        UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
        imageView.frame = rect;
        
        // 把要動畫的view添加到containerView  記得!!
        [[transitionContext containerView] addSubview:toView];
        [[transitionContext containerView] addSubview:imageView];
        
        
        toView.alpha = 0.0;
        
        // 動畫實現(xiàn)
        [UIView animateWithDuration:duration animations:^{
            
            
            imageView.frame = [UIScreen mainScreen].bounds;
            
        } completion:^(BOOL finished) {
            
            [imageView removeFromSuperview];
            toView.alpha = 1.0;
            
            // 通過上下文通知動畫結(jié)束
            [transitionContext completeTransition:YES];
        }];
        
    }
    else {  // 消失動畫
        
        
        toView.alpha = 0.0;
        
        UIImage *image = nil;
        CGRect rect = CGRectZero;
        
        // 自定義協(xié)議,通過代理實現(xiàn)協(xié)議的方法獲得要做動畫的imageView的圖片和大小
        if (_delegate) {
            
            image = [_delegate animator:self ImageForIndexPath:self.indexPath];
            rect = [_delegate animator:self RectForIndexPath:self.indexPath];
        }
        
        UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
        imageView.frame = [UIScreen mainScreen].bounds;
        
        
        // 添加到containerView
        [[transitionContext containerView] addSubview:imageView];
        [[transitionContext containerView] addSubview:fromView];
        
        fromView.alpha = 0.0;
        
        // 動畫實現(xiàn)
        [UIView animateWithDuration:duration animations:^{
            
            imageView.frame = rect;
            
        } completion:^(BOOL finished) {
            
            [imageView removeFromSuperview];
            
            
            // 通過上下文通知動畫結(jié)束
            [transitionContext completeTransition:YES];
        }];
        
    }
        
  
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容