方法1: 利用控制器的 transitionFromViewController:toViewController: ... 方法轉(zhuǎn)場(chǎng),from, to兩個(gè)控制器必須是同一個(gè)控制器的子控制器
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)場(chǎng),from, to兩個(gè)控制器必須是同一個(gè)控制器的子控制器
[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)場(chǎng)代理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)場(chǎng)代理
bigVc.transitioningDelegate = self.animator;
self.animator.delegate = self;
self.animator.indexPath = indexPath;
[self presentViewController:bigVc animated:YES completion:nil];
}
需要遵守<UIViewControllerTransitioningDelegate>協(xié)議的對(duì)象animator做代理
@interface BigPhotoAnimator : NSObject <UIViewControllerTransitioningDelegate, UIViewControllerAnimatedTransitioning>
// 自定義遵守<UIViewControllerTransitioningDelegate>協(xié)議的對(duì)象, 實(shí)現(xiàn)下面方法(present時(shí) / dismiss時(shí)各一個(gè))
#pragma mark - <UIViewControllerTransitioningDelegate>
// 出現(xiàn)時(shí)的動(dòng)畫對(duì)象
- (id<UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController:(UIViewController *)presented presentingController:(UIViewController *)presenting sourceController:(UIViewController *)source
{
self.isPresentAnimate = YES;
return self;
}
/*
* 消失時(shí)的動(dòng)畫對(duì)象
*/
- (id<UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController:(UIViewController *)dismissed
{
self.isPresentAnimate = NO;
return self;
}
這兩個(gè)方法的返回對(duì)象必須遵守<UIViewControllerAnimatedTransitioning>協(xié)議, 可以返回自定義對(duì)象本身,讓該對(duì)象遵守<UIViewControllerAnimatedTransitioning>協(xié)議,實(shí)現(xiàn)以下方法
#pragma mark - <UIViewControllerAnimatedTransitioning>
// 動(dòng)畫時(shí)間
- (NSTimeInterval)transitionDuration:(id<UIViewControllerContextTransitioning>)transitionContext
{
return 0.5;
}
// 具體動(dòng)畫實(shí)現(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];
// 獲取動(dòng)畫時(shí)間
NSTimeInterval duration = [self transitionDuration:transitionContext];
if (self.isPresentAnimate) { // 彈出動(dòng)畫
toView.alpha = 0.0;
UIImage *image = nil;
CGRect rect = CGRectZero;
// 自定義協(xié)議,通過代理實(shí)現(xiàn)協(xié)議的方法獲得要做動(dòng)畫的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;
// 把要?jiǎng)赢嫷膙iew添加到containerView 記得!!
[[transitionContext containerView] addSubview:toView];
[[transitionContext containerView] addSubview:imageView];
toView.alpha = 0.0;
// 動(dòng)畫實(shí)現(xiàn)
[UIView animateWithDuration:duration animations:^{
imageView.frame = [UIScreen mainScreen].bounds;
} completion:^(BOOL finished) {
[imageView removeFromSuperview];
toView.alpha = 1.0;
// 通過上下文通知?jiǎng)赢嫿Y(jié)束
[transitionContext completeTransition:YES];
}];
}
else { // 消失動(dòng)畫
toView.alpha = 0.0;
UIImage *image = nil;
CGRect rect = CGRectZero;
// 自定義協(xié)議,通過代理實(shí)現(xiàn)協(xié)議的方法獲得要做動(dòng)畫的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;
// 動(dòng)畫實(shí)現(xiàn)
[UIView animateWithDuration:duration animations:^{
imageView.frame = rect;
} completion:^(BOOL finished) {
[imageView removeFromSuperview];
// 通過上下文通知?jiǎng)赢嫿Y(jié)束
[transitionContext completeTransition:YES];
}];
}
