CABasicAnimation动画--lable字体大小改变

原创 2016年05月30日 20:20:30

CABasicAnimation动画--lable字体大小改变

开发过程中遇到一个改变字体大小的动画需求

研究良久  发现可以通过CABasicAnimation 和 CAAnimationGroup简单实现

CABasicAnimation有三个property   fromValue  toValue  ByValue

创建CABasicAnimation 时,你需要通过-setFromValue 和-setToValue 来指定一个开始值和结束值。 当你增加基础动画到层中的时候,它开始运行。当用属性做动画完成时,例如用位置属性做动画,层就会立刻 返回到它的初始位置

在做动画时,我们希望将几种动画叠加起来同时播放,或者依次连续播放。

这时候使用 组合CAAnimationGroup

以下是实现代码,

#import "ViewController.h"

@interface ViewController ()
{
    UILabel *lable;
    UIButton *button;
    UIView *vview;
}

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.view.backgroundColor = [UIColor yellowColor];
    
    button = [UIButton buttonWithType:UIButtonTypeCustom];
    button.frame = CGRectMake(0, 0, 100, 40);
    button.backgroundColor = [UIColor redColor];
    [button addTarget:self action:@selector(buttonClick) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:button];
    
    vview = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 300, 80)];
    vview.backgroundColor = [UIColor greenColor];
    vview.center = self.view.center;
    vview.layer.cornerRadius = vview.frame.size.height/2;
    [self.view addSubview:vview];
    
    lable = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 300, 80)];
    lable.text = @"动画已经准备好";
    lable.font = [UIFont systemFontOfSize:30];
    lable.layer.borderWidth = 3;
    lable.layer.borderColor = [UIColor whiteColor].CGColor;
    lable.textAlignment = NSTextAlignmentCenter;
    lable.layer.cornerRadius = lable.frame.size.height/2;
    [vview addSubview:lable];
    
    
//    lable.hidden = YES;
}

- (void)buttonClick
{
    [UIView animateWithDuration:3 animations:^{
        
        CABasicAnimation * aniScale = [CABasicAnimation animationWithKeyPath:@"transform.scale"];
        aniScale.fromValue = [NSNumber numberWithFloat:0.5];
        aniScale.toValue = [NSNumber numberWithFloat:4.0];
        aniScale.duration = 3;
        aniScale.delegate = self;
        aniScale.removedOnCompletion = NO;
        aniScale.repeatCount = 1;
        [vview.layer addAnimation:aniScale forKey:@"babyCoin_scale"];
        
    } completion:^(BOOL finished) {
        [self babyCoinFadeAway];
    }];
}

-(void)babyCoinFadeAway
{

    //相当与两个动画  合成
    //位置改变
    CABasicAnimation * aniMove = [CABasicAnimation animationWithKeyPath:@"position"];
    aniMove.fromValue = [NSValue valueWithCGPoint:vview.layer.position];
    aniMove.toValue = [NSValue valueWithCGPoint:CGPointMake(500, 300)];
    //大小改变
    CABasicAnimation * aniScale = [CABasicAnimation animationWithKeyPath:@"transform.scale"];
    aniScale.fromValue = [NSNumber numberWithFloat:3.0];
    aniScale.toValue = [NSNumber numberWithFloat:0.5];
    
    CAAnimationGroup * aniGroup = [CAAnimationGroup animation];
    aniGroup.duration = 3.0;//设置动画持续时间
    aniGroup.repeatCount = 1;//设置动画执行次数
    aniGroup.delegate = self;
    aniGroup.animations = @[aniMove,aniScale];
    aniGroup.removedOnCompletion = NO;
    aniGroup.fillMode = kCAFillModeForwards;  //防止动画结束后回到原位
//    [lable.layer removeAllAnimations];
    [vview.layer addAnimation:aniGroup forKey:@"aniMove_aniScale_groupAnimation"];
    
}

@end


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

UIButton-system类型 动态改变title 显示文字时闪动(解决方案)

今天发现动态改变button title时会出现闪动.很蛋疼的问题,后来经过反复尝试,发现一个解决方案. dispatch_queue_t queue = dispatch_get_global_qu...

iOS实现绘画文字动画

通过Core Text 结合 Bezier 曲线和 CAShapeLayer 可以做出绘画文字的动画。如下代码: CGMutablePathRef letters = CGPathCreateMuta...

【代码笔记】iOS-字体抖动动画

一,效果图。 二,代码。 ViewController.m #import "ViewController.h" @interface ViewController () @end ...

IOS 富文本---关于如何处理在一段文字中突出显示某几个字段大小或者颜色的处理

在此之前,做应用也做了两三年了 但是一直都是在用公司大牛或者其他网上大牛的富文本方法。然后自己开始独立做代码开发的时候,有两件事一直困扰我,一个是手动代码画界面如何做适配,第二就是关于简单的富文本适配...

UILabel的混合显示动画效果

源码 https://github.com/YouXianMing/Animations // // MixedColorProgressViewController.m // A...

UIView大小缩放的动画效果函数

转自:http://blog.sina.com.cn/s/blog_9bf272cf01015i9b.html UIView *singleMapView = [[UIView alloc] ...

UILable自适应字体大小、自适应lable宽高

有时候给UIlable文字之后在小屏幕上发现文字由于太长显示不全,出现省略号 就像这种情况 有两种效果可以修改这种情况 第一种情况就是:lable宽度变大,字体大小不变化,效果就是这样: 如...

python中matplotlib的颜色及线条控制【以及改变legend字体大小】

转载请注明出处: http://www.cnblogs.com/darkknightzh/p/6117528.html 参考网址: http://stackoverflow.com/...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)