POP缩放动画

效果

源码

https://github.com/YouXianMing/Animations

//
//  SpringScaleViewController.m
//  Animations
//
//  Created by YouXianMing on 16/6/3.
//  Copyright © 2016年 YouXianMing. All rights reserved.
//

#import "SpringScaleViewController.h"
#import "UIView+SetRect.h"
#import "UIFont+Fonts.h"
#import "GCD.h"
#import "POP.h"

@interface SpringScaleViewController ()

@property (nonatomic, strong) UIView *scaleView;

@end

@implementation SpringScaleViewController

- (void)setup {

    [super setup];

    // Label
    UILabel *label = [[UILabel alloc] init];
    label.text     = @"P   P";
    label.font     = [UIFont HYQiHeiWithFontSize:140];
    [label sizeToFit];
    label.center   = self.contentView.middlePoint;
    [self.contentView addSubview:label];

    // Circle
    self.scaleView                    = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
    self.scaleView.backgroundColor    = [[UIColor colorWithRed:0.203  green:0.598  blue:0.859 alpha:1] colorWithAlphaComponent:0.95f];
    self.scaleView.layer.cornerRadius = self.scaleView.width / 2.f;
    self.scaleView.center             = self.contentView.middlePoint;
    [self.contentView addSubview:self.scaleView];

    // Start animation after 1 second.
    [GCDQueue executeInMainQueue:^{

        [self scaleAnimation];

    } afterDelaySecs:1.f];
}

- (void)scaleAnimation {

    POPBasicAnimation *scaleAnimation = [POPBasicAnimation animationWithPropertyNamed:kPOPViewScaleXY];

    scaleAnimation.name               = @"scaleSmallAnimation";
    scaleAnimation.delegate           = self;

    scaleAnimation.duration           = 0.15f;
    scaleAnimation.toValue            = [NSValue valueWithCGPoint:CGPointMake(1.25, 1.25)];
    [self.scaleView pop_addAnimation:scaleAnimation forKey:nil];
}

- (void)pop_animationDidStop:(POPAnimation *)anim finished:(BOOL)finished {

    if ([anim.name isEqualToString:@"scaleSmallAnimation"]) {

        POPSpringAnimation *scaleAnimation = [POPSpringAnimation animationWithPropertyNamed:kPOPViewScaleXY];

        scaleAnimation.name                = @"SpringAnimation";
        scaleAnimation.delegate            = self;

        scaleAnimation.toValue             = [NSValue valueWithCGPoint:CGPointMake(1, 1)];
        scaleAnimation.velocity            = [NSValue valueWithCGPoint:CGPointMake(-2, -2)];
        scaleAnimation.springBounciness    = 20.f;
        scaleAnimation.springSpeed         = 10.f;
        scaleAnimation.dynamicsTension     = 700.f;
        scaleAnimation.dynamicsFriction    = 7.f;
        scaleAnimation.dynamicsMass        = 3.f;

        [self.scaleView pop_addAnimation:scaleAnimation forKey:nil];

    } else if ([anim.name isEqualToString:@"SpringAnimation"]) {

        [self performSelector:@selector(scaleAnimation) withObject:nil afterDelay:1];
    }
}

- (void)viewWillDisappear:(BOOL)animated {

    [super viewWillDisappear:animated];

    [[self class] cancelPreviousPerformRequestsWithTarget:self];
}

@end

细节

1. 参数设置有技巧,可以参考如下所示(项目中的POPSpringParameterController):

2. 动画效果是通过组合两个动画而来的,要注意设置代理:

时间: 2024-08-24 23:09:31

POP缩放动画的相关文章

iOS项目开发实战——制作视图的缩放动画

视图的大小应该是随时可控的.今天我们就来实现对一个View的缩放动画.该动画的实现与位移动画,透明度动画稍有不同. 详细实现例如以下: import UIKit class ScaleViewController: UIViewController { @IBOutlet weak var greenSquare: UIView! override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after

iOS利用Runtime自定义控制器POP手势动画

前言 苹果在iOS 7以后给导航控制器增加了一个Pop的手势,只要手指在屏幕边缘滑动,当前的控制器的视图就会跟随你的手指移动,当用户松手后,系统会判断手指拖动出来的大小来决定是否要执行控制器的Pop操作. nav_pop_origin.gif 这个操作的想法非常好,但是系统给我们规定的范围必须是屏幕左侧边缘才可以触发,这样实际使用过程中对于有些产品会产生不便,于是有些app就采取整个屏幕都响应这个手势并且pop动画还是用系统原生的,这样操作起来确实方便好多. nav_pop_custom.gif

android动画的透明度渐变、旋转动画、缩放动画、评议动画

这是我在学习android的时候做的一个小小的东西可以实现图片的旋转.平移.缩放.透明度的渐变 首先我们要创建一个android的项目 在自己的drawable-mdpi中添加自己的图片 然后在res目录中,创建一个名称是anim(动画)的目录,并且在该目录中实现图片的操作 首先是anim_alpha.xml定义一个实现透明渐变的动画该动画实现的是完全不透明-->完全透明---->完全不透明 <pre name="code" class="html"

ArcGIS api for javascript——地图配置-定制缩放动画

描述 本例展示了当用户放大或缩小地图时如何定义地图的动画.zoomDuration和zoomRate是Dojo动画属性,他们确定了动画的duration和帧刷新的rate .这些属性单位是毫秒,zoomDuration默认值是250,zoomRate默认值是25. 在本例中,可以通过调整这些属性为数据和应用获得更好的样子.例如,如果地图需要很长的时间加载,可以增加zoomDuration以便用户在等待加载缩放地图时看到空的或扭曲的屏幕时间较短.反之,如果地图加载很快,可以降低zoomDurati

ArcGIS api for javascript——地图配置-定制缩放动画,定制缩放框

描述 本例展示了当用户放大或缩小地图时如何定义地图的动画.zoomDuration和zoomRate是Dojo动画属性,他们确定了动画的duration和帧刷新的rate .这些属性单位是毫秒,zoomDuration默认值是250,zoomRate默认值是25. 在本例中,可以通过调整这些属性为数据和应用获得更好的样子.例如,如果地图需要很长的时间加载,可以增加zoomDuration以便用户在等待加载缩放地图时看到空的或扭曲的屏幕时间较短.反之,如果地图加载很快,可以降低zoomDurati

UI基础--动画(缩放动画, 渐变动画, 左右振动, 移动动画, 组合动画)(封装好)

创建一个CAAnimation的类别 CAAnimation+HCAnimation .h #import <QuartzCore/QuartzCore.h> #import <UIKit/UIKit.h> typedef NS_ENUM(NSInteger, Axis) { AxisX = 0, ///< x轴 AxisY, ///< y轴 AxisZ ///< z轴 }; typedef NS_ENUM(NSInteger, ShakeDerection) {

android缩放动画的两种实现方法

在android开发.我们会常常使用到缩放动画,普通情况下缩放动画有两种实现方式.一种是直接通过java代码去实现,第二种是通过配置文件实现动画,以下是两种动画的基本是用法: Java代码实现: //创建缩放动画对象 Animation animation = new ScaleAnimation(0, 1.0f, 0f, 1.0f); animation.setDuration(1500);//动画时间 animation.setRepeatCount(3);//动画的反复次数 animati

CSS3背景闪烁和图片缩放动画效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS3感应鼠标的背景闪烁和图片缩放动态效

Android缩放动画

Android缩放动画 核心方法 public void startAnimation(Animation animation) 运行动画,參数能够是各种动画的对象,Animation的多态.也能够是组合动画,后面会有. 4个參数构造方法 /** * Constructor to use when building a ScaleAnimation from code * * @param fromX Horizontal scaling factor to apply at the start