POPSpring动画参数详解

POPSpring动画参数详解

效果

源码

https://github.com/YouXianMing/Animations

//
//  POPSpringParameterController.m
//  Animations
//
//  Created by YouXianMing on 15/11/29.
//  Copyright © 2015年 YouXianMing. All rights reserved.
//

#import "POPSpringParameterController.h"
#import "RangeValueView.h"
#import "UIView+SetRect.h"
#import "POP.h"
#import "FontAttribute.h"
#import "ForegroundColorAttribute.h"
#import "NSMutableAttributedString+StringAttribute.h"

#define  Width   [UIScreen mainScreen].bounds.size.width
#define  Height  [UIScreen mainScreen].bounds.size.height

@interface POPSpringParameterController ()

@property (nonatomic, strong) UILabel  *secondsLabel;
@property (nonatomic, strong) NSDate   *dateStart;

@property (nonatomic, strong) RangeValueView *rangeSpeed;
@property (nonatomic, strong) RangeValueView *rangeBounciness;
@property (nonatomic, strong) RangeValueView *rangeMass;
@property (nonatomic, strong) RangeValueView *rangeFriction;
@property (nonatomic, strong) RangeValueView *rangeTension;

@property (nonatomic, strong) UIButton *showView;

@end

@implementation POPSpringParameterController

- (void)viewDidLoad {

    [super viewDidLoad];
}

- (void)setup {

    [super setup];

    [self initSecondLabel];

    [self initButton];

    [self initRangeViews];

    [self bringTitleViewToFront];
}

- (void)initSecondLabel {

    self.secondsLabel                = [[UILabel alloc] initWithFrame:CGRectMake(,  + , , )];
    self.secondsLabel.attributedText = [self stringWithFloat:.f];
    [self.view addSubview:self.secondsLabel];
}

- (NSAttributedString *)stringWithFloat:(CGFloat)value {

    // 字符串
    NSString *stringValue  = [NSString stringWithFormat:@"%.2f", value];
    NSString *secondString = [NSString stringWithFormat:@"seconds"];
    NSString *totalString  = [NSString stringWithFormat:@"%@ %@", stringValue, secondString];

    // 字体
    UIFont *allFont        = Font_Avenir();
    UIFont *numFont        = Font_Avenir_Light();

    FontAttribute *totalFont = [FontAttribute new];
    totalFont.font           = allFont;
    totalFont.effectRange    = NSMakeRange(, totalString.length);

    FontAttribute *valueFont = [FontAttribute new];
    valueFont.font           = numFont;
    valueFont.effectRange    = [totalString rangeOfString:stringValue];

    ForegroundColorAttribute *textColor = [ForegroundColorAttribute new];
    textColor.color                     = [UIColor grayColor];
    textColor.effectRange               = NSMakeRange(, totalString.length);

    ForegroundColorAttribute *numColor = [ForegroundColorAttribute new];
    numColor.color                     = [UIColor blackColor];
    numColor.effectRange               = [totalString rangeOfString:stringValue];

    NSMutableAttributedString *attributeString = [[NSMutableAttributedString alloc] initWithString:totalString];
    [attributeString addStringAttribute:totalFont];
    [attributeString addStringAttribute:valueFont];
    [attributeString addStringAttribute:textColor];
    [attributeString addStringAttribute:numColor];

    return attributeString;
}

- (void)initButton {

    CGFloat gap = Height -  - * - ;

    CGFloat width                    = .f;
    self.showView                    = [[UIButton alloc] initWithFrame:CGRectMake(, , width, width)];
    self.showView.center             = CGPointMake(self.view.middleX,  + gap / .f);
    self.showView.backgroundColor    = [UIColor cyanColor];
    self.showView.layer.cornerRadius = self.showView.width / .f;
    [self.view addSubview:self.showView];
    [self.showView addTarget:self
                      action:@selector(doAnimation)
            forControlEvents:UIControlEventTouchUpInside];
}

- (void)doAnimation {

    // 移除动画
    [self.showView.layer pop_removeAllAnimations];

    POPSpringAnimation *spring = [POPSpringAnimation animationWithPropertyNamed:kPOPLayerScaleXY];

    // 设置代理
    spring.delegate            = self;

    // 动画起始值 + 动画结束值
    spring.fromValue           = [NSValue valueWithCGSize:CGSizeMake(.f, .f)];
    spring.toValue             = [NSValue valueWithCGSize:CGSizeMake(.f, .f)];

    // 参数的设置
    spring.springSpeed         = self.rangeSpeed.currentValue;
    spring.springBounciness    = self.rangeBounciness.currentValue;
    spring.dynamicsMass        = self.rangeMass.currentValue;
    spring.dynamicsFriction    = self.rangeFriction.currentValue;
    spring.dynamicsTension     = self.rangeTension.currentValue;

    // 执行动画
    [self.showView.layer pop_addAnimation:spring forKey:nil];
}

- (void)pop_animationDidStart:(POPAnimation *)anim {

    self.dateStart = [NSDate date];
}

- (void)pop_animationDidApply:(POPAnimation *)anim {

    CGFloat seconds                  = -[self.dateStart timeIntervalSinceNow];
    self.secondsLabel.attributedText = [self stringWithFloat:seconds];
}

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

    CGFloat seconds                  = -[self.dateStart timeIntervalSinceNow];
    self.secondsLabel.attributedText = [self stringWithFloat:seconds];
}

- (void)initRangeViews {

    self.rangeSpeed = [RangeValueView rangeValueViewWithFrame:CGRectMake(, Height - , Width - , )
                                                         name:@"速度  Speed"
                                                     minValue:.f
                                                     maxValue:.f
                                                 defaultValue:.f];
    [self.view addSubview:self.rangeSpeed];

    self.rangeBounciness = [RangeValueView rangeValueViewWithFrame:CGRectMake(, Height -  - , Width - , )
                                                              name:@"弹力  Bounciness"
                                                          minValue:.f
                                                          maxValue:.f
                                                      defaultValue:.f];
    [self.view addSubview:self.rangeBounciness];

    self.rangeMass = [RangeValueView rangeValueViewWithFrame:CGRectMake(, Height -  - *, Width - , )
                                                        name:@"质量  Mass"
                                                    minValue:0.1
                                                    maxValue:.f
                                                defaultValue:.f];
    [self.view addSubview:self.rangeMass];

    self.rangeFriction = [RangeValueView rangeValueViewWithFrame:CGRectMake(, Height -  - *, Width - , )
                                                            name:@"摩擦  Friction"
                                                        minValue:
                                                        maxValue:
                                                    defaultValue:30.486980];
    [self.view addSubview:self.rangeFriction];

    self.rangeTension = [RangeValueView rangeValueViewWithFrame:CGRectMake(, Height -  - *, Width - , )
                                                           name:@"拉力  Tension"
                                                       minValue:
                                                       maxValue:
                                                   defaultValue:];
    [self.view addSubview:self.rangeTension];
}

@end

细节