LineAnimationView

 

效果

 

说明

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

 

源码

////  LineAnimationView.h//  AnimationLine////  Created by YouXianMing on 15/7/4.//  Copyright (c) 2015年 YouXianMing. All rights reserved.//#import 
     
      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(0, 0, width * 2, height)];    [self addSubview:self.contentView];        self.leftImageView  = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, width, height)];    [self.contentView addSubview:self.leftImageView];        self.rightImageView = [[UIImageView alloc] initWithFrame:CGRectMake(width, 0, width, height)];    [self.contentView addSubview:self.rightImageView];        _animationType = LEFT_TO_RIGHT;    _duration      = 1.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(0, 0, width * 2, height);        CGRect endRect         = CGRectMake(-width, 0, width * 2, 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, 0, width * 2, height);        CGRect endRect         = CGRectMake(0, 0, width * 2, 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

 

细节