美文网首页
ios动画效果四:使用Pop框架实现弹簧效果

ios动画效果四:使用Pop框架实现弹簧效果

作者: 落叶兮兮 | 来源:发表于2020-11-07 00:03 被阅读0次

pop框架是Google推出的用于处理iOS动画的一个特别好用的框架
如果对这个框架没有了解的,可与去看一下官方提供的资料

这次我主要使用pop框架实现一个简单的弹簧效果
对应的demo为
Demo

实现文件名称是ThirdViewController
最终的效果图为:


pop框架实现弹簧动画.gif

首先,定义一个UIView属性

@property (nonatomic, strong) UIView *myView;

将其添加到view上

- (UIView *)myView {
    if (_myView) {
        return _myView;
    }
    _myView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
    _myView.backgroundColor = [UIColor yellowColor];
    return _myView;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    self.title = @"pop框架实现弹簧动画";
    self.navigationController.navigationBar.translucent = NO;
    self.view.backgroundColor = [UIColor whiteColor];
    
//    [self.view addSubview:self.tableView];
    self.myView.center = self.view.center;
    [self.view addSubview:self.myView];
}

在点击屏幕时,实现相应的代码效果

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
    //初始化弹簧动画
    POPSpringAnimation *springAnimation = [POPSpringAnimation animationWithPropertyNamed:kPOPLayerBounds];
    springAnimation.springSpeed = 0;//设置动画的速度
    springAnimation.springBounciness = 10;//设置弹性大小
    springAnimation.dynamicsFriction = 10;//设置阻力的大小
    springAnimation.dynamicsTension = 100;//设置张力的大小
    if (self.myView.frame.size.width == 100) {
        springAnimation.toValue = [NSValue valueWithCGRect:CGRectMake(0, 0, 50, 50)];
    } else {
        springAnimation.fromValue = [NSValue valueWithCGRect:CGRectMake(0, 0, 100, 100)];
    }
    
    //添加动画
    [self.myView.layer pop_addAnimation:springAnimation forKey:@"animation"];
}

总结

最终的效果图

pop框架实现弹簧动画.gif
Demo地址

相关文章

  • ios动画效果四:使用Pop框架实现弹簧效果

    pop框架是Google推出的用于处理iOS动画的一个特别好用的框架如果对这个框架没有了解的,可与去看一下官方提供...

  • iOS开发之POP动画基础1

    简介:pop动画引擎是Facebook公司开源的,主要实现了真实物理系的动画效果(弹簧效果与衰减效果)1、pop动...

  • iOS 动画框架pop使用方法

    pop支持4种动画类型:弹簧动画效果、衰减动画效果、基本动画效果和自定义动画效果。 弹簧动画效果 1.效果图如下:...

  • SpringAnimator实现联动效果

    使用SpringAnimation实现弹簧联动 简介 弹簧效果动画SpringAnimation与甩动效果动画Fl...

  • UIView动画合集

    iOS开发-UIView之动画效果的实现方法(合集) 前言:在开发APP中,我们会经常使用到动画效果。使用动画可以...

  • 2014.04.26

    发布页面动画 1.该动画有回弹效果,因此使用POP框架里的POPSpringAnimation,分别改变每个子控件...

  • iOS 全屏手势返回

    BBGestureBack BBGestureBack iOS 全屏手势返回 滑动返回 pop 动画效果 这种手势...

  • iOS 右滑返回

    BBGestureBack BBGestureBack iOS 全屏手势返回 滑动返回 pop 动画效果 这种手势...

  • BBGestureBack 手势返回

    BBGestureBack BBGestureBack iOS 全屏手势返回 滑动返回 pop 动画效果 这种手势...

  • iOS POP动画使用

    这里不想说系统的动画操作,想说下POP这个框架的使用,真的不要太好用哦~~~ 效果如下: 其实是闪动效果,包括透明...

网友评论

      本文标题:ios动画效果四:使用Pop框架实现弹簧效果

      本文链接:https://www.haomeiwen.com/subject/gcbtbktx.html