Skip to content

转场动画练习,主要是提供了一种思路来自定义转场动画效果。

Notifications You must be signed in to change notification settings

Jonhory/TransitionLearning

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 

Repository files navigation

写在艰苦的日子里。

iOS伪转场动画

  • 本人在简书作者BOC提供的思路下来实现一些动画效果。

  • 通过modal进行转场,设置modalTransitionStyleUIModalTransitionStyleCrossDissolve,设置modalPresentationStyleUIModalPresentationOverFullScreen

图片放大缩小的效果

外部只需要传入一个外部的UIImageView即可 1.创建一个UIImageView和一个CGRect来保存图片信息和图片frame信息。 使用- (CGRect)convertRect:(CGRect)rect toView:(nullable UIView *)view;方法来获取图片的相对位置。 2.视图将要出现时做动画效果

    - (void)viewWillAppear:(BOOL)animated{
        [super viewWillAppear:animated];
        [UIView animateWithDuration:AnimationTime animations:^{       
        //这里可以自由发挥了
        self.view.backgroundColor = [UIColor greenColor];self.currentIV.frame = CGRectMake(0, 0, 200, 200);   self.currentIV.center = CGPointMake(self.view.center.x, 200);
        } completion:^(BOOL finished) {
        }];
    }

3.返回的点击事件处理

- (void)back{
    [UIView animateWithDuration:AnimationTime animations:^{
        if ([self.type isEqualToString:@"vv"]) {
            self.view.center = CGPointMake(self.view.center.x, self.view.bounds.size.height*1.5);
        }else {
            self.currentIV.frame = self.oldFrame;
            self.view.backgroundColor = [UIColor clearColor];
        }
    } completion:^(BOOL finished) {
        [self dismissViewControllerAnimated:NO completion:nil];
    }];
    
}

4.就这样,效果就出来啦

##Boss直聘动画效果 用的是截屏的方法来实现背景缩小后置的效果 1.在当前UIViewController用一个UIImageView来保存截图

-(UIImage *)screenImageWithSize:(CGSize )imgSize{
    UIGraphicsBeginImageContext(imgSize);
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    AppDelegate * app = (AppDelegate *)[UIApplication sharedApplication].delegate; //获取app的appdelegate,便于取到当前的window用来截屏
    [app.window.layer renderInContext:context];
    
    UIImage * img = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return img;
}

2.在下一个VC创建一个减方法,在当前VC中使用

[self presentViewController:vc animated:NO completion:nil];
    
    [UIView animateWithDuration:0.3 animations:^{
    //当前VC下截图的缩小效果
        self.screenshot.bounds = CGRectMake(50, 50, SCREEN.width - 100, SCREEN.height - 100);
    } completion:^(BOOL finished) {
    //这就是减方法 =_= 动画结束时,改变背景块的frame
        [vc changeBigView];
    }];

3.在下一个VC返回时,当前VC的截图视图移除。

[weakSelf.screenshot removeFromSuperview];

4.这样,BOSS直聘的动画效果就出现了。

###按以上思路,就可以实现一些简单常见的动画效果^0^

About

转场动画练习,主要是提供了一种思路来自定义转场动画效果。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published