美文网首页
iOS_动画_实例(1)_POP_金额格式数字动画

iOS_动画_实例(1)_POP_金额格式数字动画

作者: 丶纳凉 | 来源:发表于2017-04-12 15:43 被阅读739次

一丶效果


1.gif

二丶代码

 POPAnimatableProperty *prop = [POPAnimatableProperty propertyWithName:@"money" initializer:^(POPMutableAnimatableProperty *prop) {
    
    
    prop.writeBlock = ^(id obj, const CGFloat values[]) {
        UIButton *btn = (UIButton *)obj;
        
        @autoreleasepool {
            NSNumberFormatter *formatter = [[NSNumberFormatter alloc] init];
            [formatter setNumberStyle:NSNumberFormatterNoStyle];
            [formatter setFormatWidth:9];
            [formatter setPositiveFormat:@",##0.00"];
            NSString *titleStr =  [NSString stringWithFormat:@"%.@",[formatter stringFromNumber:@(values[0])]];
            [btn setTitle:titleStr forState:UIControlStateNormal];
        }
        
    };
    //力学阀值,值越大writeBlock的调用次数越少
    prop.threshold = 1;
}];
POPBasicAnimation *anBasic = [POPBasicAnimation easeInEaseOutAnimation];
anBasic.property = prop;
anBasic.fromValue = @(0.00);
anBasic.toValue = @(100000);
anBasic.duration = 3;
[_btn pop_addAnimation:anBasic forKey:@"money"];

三丶解释:

参考文章: http://geeklu.com/2014/05/facebook-pop-usage/

Pop Animation自带的动画都是基于POPPropertyAnimation的,POPPropertyAnimation有个很重要的部分就是 POPAnimatableProperty,用来描述animatable的属性。

相关文章

网友评论

      本文标题:iOS_动画_实例(1)_POP_金额格式数字动画

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