[控件] LineAnimationView

LineAnimationView

效果

说明

水平循环无间隔播放动画效果，用于loading的界面

源码

https://github.com/YouXianMing/UI-Component-Collection

//
//  LineAnimationView.h
//  AnimationLine
//
//  Created by YouXianMing on 15/7/4.
//  Copyright (c) 2015年 YouXianMing. All rights reserved.
//
 
#import <UIKit/UIKit.h>
 
typedef enum : NSUInteger {
 
    /**
     *  从左往右（默认）
     */
    LEFT_TO_RIGHT,
 
    /**
     *  从右往左
     */
    RIGHT_TO_LEFT,
 
} ELineAnimationType;
 
@interface LineAnimationView : UIView
 
/**
 *  动画时间间隔（默认时间为 1 秒）
 */
@property (nonatomic) NSTimeInterval      duration;
 
/**
 *  动画类型（默认为从左到右）
 */
@property (nonatomic) ELineAnimationType  animationType;
 
/**
 *  素材图片
 */
@property (nonatomic, strong) UIImage    *sourceImage;
 
/**
 *  开始执行动画
 */
- (void)startAnimation;
 
@end

//
//  LineAnimationView.m
//  AnimationLine
//
//  Created by YouXianMing on 15/7/4.
//  Copyright (c) 2015年 YouXianMing. All rights reserved.
//
 
#import "LineAnimationView.h"
 
@interface LineAnimationView ()
 
@property (nonatomic, strong) UIView *contentView;
 
@property (nonatomic, strong) UIImageView *leftImageView;
@property (nonatomic, strong) UIImageView *rightImageView;
 
@end
 
@implementation LineAnimationView
 
#pragma mark - 初始化
- (instancetype)initWithFrame:(CGRect)frame {
 
    self = [super initWithFrame:frame];
    if (self) {
 
        [self defaultConfig];
 
        [self setup];
    }
 
    return self;
}
 
- (void)defaultConfig {
 
    self.layer.masksToBounds = YES;
}
 
- (void)setup {
 
    CGFloat width       = self.frame.size.width;
    CGFloat height      = self.frame.size.height;
 
    self.contentView    = [[UIView alloc] initWithFrame:CGRectMake(, , width * , height)];
    [self addSubview:self.contentView];
 
    self.leftImageView  = [[UIImageView alloc] initWithFrame:CGRectMake(, , width, height)];
    [self.contentView addSubview:self.leftImageView];
 
    self.rightImageView = [[UIImageView alloc] initWithFrame:CGRectMake(width, , width, height)];
    [self.contentView addSubview:self.rightImageView];
 
    _animationType = LEFT_TO_RIGHT;
    _duration      = .f;
}
 
#pragma mark - 开始动画
- (void)startAnimation {
 
    if (_animationType == LEFT_TO_RIGHT) {
 
        CGFloat width          = self.frame.size.width;
        CGFloat height         = self.frame.size.height;
 
        CGRect startRect       = CGRectMake(, , width * , height);
        CGRect endRect         = CGRectMake(-width, , width * , height);
 
        _contentView.frame     = startRect;
 
        CABasicAnimation *line = [CABasicAnimation animationWithKeyPath:@"bounds"];
        line.fromValue         = [NSValue valueWithCGRect:startRect];
        line.toValue           = [NSValue valueWithCGRect:endRect];
        line.timingFunction    = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
        line.duration          = _duration;
        line.delegate          = self;
 
        _contentView.frame     = endRect;
        [_contentView.layer addAnimation:line forKey:nil];
 
    } else if (_animationType == RIGHT_TO_LEFT) {
 
        CGFloat width          = self.frame.size.width;
        CGFloat height         = self.frame.size.height;
 
        CGRect startRect       = CGRectMake(- width, , width * , height);
        CGRect endRect         = CGRectMake(, , width * , height);
 
        _contentView.frame     = startRect;
 
        CABasicAnimation *line = [CABasicAnimation animationWithKeyPath:@"bounds"];
        line.fromValue         = [NSValue valueWithCGRect:startRect];
        line.toValue           = [NSValue valueWithCGRect:endRect];
        line.timingFunction    = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
        line.duration          = _duration;
        line.delegate          = self;
 
        _contentView.frame     = startRect;
        [_contentView.layer addAnimation:line forKey:nil];
 
    }
}
 
- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag {
 
    [self startAnimation];
}
 
#pragma mark - 重写setter，getter方法
@synthesize sourceImage = _sourceImage;
- (void)setSourceImage:(UIImage *)sourceImage {
 
    _sourceImage          = sourceImage;
    _leftImageView.image  = sourceImage;
    _rightImageView.image = sourceImage;
}
 
- (UIImage *)sourceImage {
 
    return _sourceImage;
}
 
@end

细节