用pop动画简单实现弹窗的缩放和渐变，感觉这个动画常用，就写一下博客

pop动画是Facebook推出的动画引擎，请自行到GitHub上搜索下载拖拽导入xcode项目中。

更多pop动画使用和原理可网上搜索学习

本处只简单介绍代码开发使用,紧以弹窗效果为思路。

1. 控制器导入头文件 #import "POP.h"

2.创建弹窗透明黑色背景

  1. - (void)createBlackView {
  2. self.blackView                 = [[UIView alloc] initWithFrame:self.contentView.bounds];
  3. self.blackView.backgroundColor = [UIColor blackColor];
  4. self.blackView.alpha           = 0;
  5. [self addSubview:self.blackView];
  6. [UIView animateWithDuration:0.3f animations:^{
  7. self.blackView.alpha = 0.25f;
  8. }];
  9. }

3.创建白色上面的白色view,并加上所需的控件，给白色的messageView做pop动画效果，

代码如下

  1. // 执行动画 改变透明度
  2. POPBasicAnimation  *alpha = [POPBasicAnimation animationWithPropertyNamed:kPOPViewAlpha];
  3. alpha.toValue             = @(1.f);
  4. alpha.duration            = 0.3f;
  5. [self.messageView pop_addAnimation:alpha forKey:nil];
  6. // 缩放回弹
  7. POPSpringAnimation *scale = [POPSpringAnimation animationWithPropertyNamed:kPOPLayerScaleXY];
  8. scale.fromValue           = [NSValue valueWithCGSize:CGSizeMake(1.75f, 1.75f)];
  9. scale.toValue             = [NSValue valueWithCGSize:CGSizeMake(1.f, 1.f)];
  10. scale.dynamicsTension     = 1000;
  11. scale.dynamicsMass        = 1.3;
  12. scale.dynamicsFriction    = 10.3;
  13. scale.springSpeed         = 20;
  14. scale.springBounciness    = 15.64;
  15. scale.delegate            = self;
  16. [self.messageView.layer pop_addAnimation:scale forKey:nil];

4.弹窗消失的思路代码

    1. - (void)removeViews {
    2. [UIView animateWithDuration:0.2f animations:^{
    3. self.blackView.alpha       = 0.f;
    4. self.messageView.alpha     = 0.f;
    5. self.messageView.transform = CGAffineTransformMakeScale(0.75f, 0.75f);
    6. } completion:^(BOOL finished) {
    7. [self removeFromSuperview];
    8. }];
    9. }

最新文章

  1. 最新 Windows 10 应用项目模板发布
  2. crontab 例行性排程
  3. [ruby on rails] 跟我学之(3)基于rails console的查增删改操作
  4. CentOS安装JAVA后JAVA版本不对的问题
  5. Tomcat虚拟主机配置
  6. IE 6最小最大宽度与高度的写法
  7. PostMessage和SendMessage的区别
  8. E. Devu and Flowers
  9. win10 3dmax 激活后反复激活和激活码无效问题
  10. Spring Security 入门（1-3-5）Spring Security - remember me！
  11. 关于react组件之间的通信
  12. centos 7修改时区
  13. matlab-画一个圆
  14. 工作笔记—新浪微博Oauth2.0授权 获取Access Token （java）
  15. There are 0 datanode(s) running and no node(s) are excluded in this operation.
  16. Lazarus分体式改成一体式窗口
  17. Windows Phone本地数据库（SQLCE）：2、LINQ to SQL（翻译）（转）
  18. SSH无密码登录：只需两个简单步骤 (Linux)
  19. python学习笔记03-用户输入
  20. 【vue】父子组件间通信----传值

热门文章

  1. Realsense 人脸识别
  2. Hadoop on Mac with IntelliJ IDEA - 3 解决MRUnit - No applicable class implementing Serialization问题
  3. java的集合类【转】
  4. Android常用代码集合
  5. 获取设备上全部系统app信息
  6. PAT 1003
  7. qwt总结1
  8. spring源码分析之spring-messaging模块详解
  9. UTF8 与 UTF16 编码
  10. python打印详细的异常信息