美文网首页
OC(二):加载动画

OC(二):加载动画

作者: IMSong | 来源:发表于2016-08-24 14:51 被阅读94次
结果示例图

.h

//
//  gifView.h
//  GifPicture
//
//  Created by HMC on 16/8/23.
//  Copyright © 2016年 SKing. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface gifView : UIView
//外圈
@property (weak, nonatomic) IBOutlet UIImageView *cycle;
// logo 图标
@property (weak, nonatomic) IBOutlet UIImageView *logo;
//显示的message
@property (weak, nonatomic) IBOutlet UILabel *messageLabel;

+ (instancetype)initInstance;

/**
 *  动画
 *
 *  @param message          加载的文字
 *  @param isCycleAnimation 圆是否有动画
 *  @param isLogoAnimation  logo 是否有动画
 */
-(void)startAnimationWithMessage:(NSString *) message isCycleAnimation:(BOOL) isCycleAnimation isLogoAnimation:(BOOL)isLogoAnimation;

@end

.m

//
//  gifView.m
//  GifPicture
//
//  Created by HMC on 16/8/23.
//  Copyright © 2016年 SKing. All rights reserved.
//

#import "gifView.h"

@implementation gifView



+ (instancetype)initInstance {
    
    
    return [[[NSBundle mainBundle] loadNibNamed:@"gifView" owner:nil options:nil] lastObject];
}

-(void)startAnimationWithMessage:(NSString *) message isCycleAnimation:(BOOL) isCycleAnimation isLogoAnimation:(BOOL)isLogoAnimation  {
    if(message != nil ){
        
        self.messageLabel.text = message;
        
    }
    
    if(isCycleAnimation){
        CABasicAnimation* rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
        rotationAnimation.toValue = [NSNumber numberWithFloat: M_PI * 2.0 ];
        rotationAnimation.duration = 1.5;
        rotationAnimation.cumulative = YES;
        rotationAnimation.repeatCount = MAXFLOAT;
//      切换后台再回来动画不停止
        rotationAnimation.removedOnCompletion = NO;
        [self.cycle.layer addAnimation:rotationAnimation forKey:@"rotationAnimation"];
    }
    
    if(isLogoAnimation){
        
        CABasicAnimation * transformAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.y"];
        transformAnimation.removedOnCompletion = NO;
        transformAnimation.duration = 3.0;
        transformAnimation.toValue = @(0);
        transformAnimation.fromValue = @(M_PI);
        transformAnimation.repeatCount = MAXFLOAT;
        [self.logo.layer addAnimation:transformAnimation forKey:@"transformAnimation"];
        

        CABasicAnimation * transformAnimation1 = [CABasicAnimation animationWithKeyPath:@"transform.rotation.y"];
        transformAnimation1.removedOnCompletion = NO;
        transformAnimation1.duration = 3.0;
        transformAnimation1.fromValue = @(-M_PI);
        transformAnimation1.toValue = @(0);
        transformAnimation1.repeatCount = MAXFLOAT;
        [self.logo.layer addAnimation:transformAnimation1 forKey:@"transformAnimation1"];

        
    }
}



@end

调用

//
//  ViewController.m
//  GifPicture
//
//  Created by HMC on 16/8/23.
//  Copyright © 2016年 SKing. All rights reserved.
//

#import "ViewController.h"
#import "gifView.h"

@interface ViewController ()

@end
@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    gifView * animateView = [gifView initInstance];
    animateView.center = self.view.center;
    [animateView startAnimationWithMessage:@"跟我一起转圈圈,哈哈" isCycleAnimation:YES isLogoAnimation:YES];
    [self.view addSubview:animateView];
}


@end

代码地址: 点这里

相关文章

  • OC(二):加载动画

    .h .m 调用 代码地址: 点这里

  • WKWebView详细介绍

    OC与JS交互 加载方式一 加载方式二 协议方法介绍

  • OC中的Category(二)

    OC中的Category(二) +load函数加载和调用 +load方法会在runtime加载类、分类时调用 每个...

  • android自定义View索引

    一:加载动画 1:android仿qq下拉刷新旋转白条加载动画 2:android常用旋转线条加载动画 ...

  • Swift与OC差异 - 基础概念

    弱引用、强引用 OC Swift 懒加载 OC Swift

  • iOS 简约加载动画详解

    iOS 简约加载动画详解 iOS 简约加载动画详解

  • Swift语法点

    1 懒加载 懒加载与OC中的懒加载的区别:懒加载的类一旦 设置为nil 后, 懒加载就不会再次执行,与OC中不同,...

  • 属性动画案例二(加载动画)

    继续属性动画,之前写过 属性动画案例一(基础动画与飘心动画) 简单了解了属性动画,这次来点炫酷的~加载动画,先看一...

  • Swift/OC懒加载(lazy)

    oc懒加载 oc懒加载机制充分使用了oc点语法的特性。举个例子 上面这个例子定义了view属性,当MyView被创...

  • ImageLoaderIndicator

    在CocoaChina中看到一个不错的图片加载动画,原本使用Swift实现的,现在本人用OC重现了一遍,并修改了其...

网友评论

      本文标题:OC(二):加载动画

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