显示脉冲效果的PulsingView
效果如下:
源码:
PulsingView.h 与 PulsingView.m
//// PulsingView.h// PulsingView//// Created by YouXianMing on 14/10/29.// Copyright (c) 2014年 YouXianMing. All rights reserved.//#import@interface PulsingView : UIView/** * startScale与endScale需要设置值 */@property (nonatomic, assign) CGFloat startScale;@property (nonatomic, assign) CGFloat endScale;/** * 动画时间 */@property (nonatomic, assign) NSTimeInterval duration;/** * 最高程度的alpha */@property (nonatomic, assign) CGFloat maxAlpha;/** * 用来做动画的view */@property (nonatomic, strong) UIView *inputView;/** * 做动画 */- (void)startAnimation;@end
//// PulsingView.m// PulsingView//// Created by YouXianMing on 14/10/29.// Copyright (c) 2014年 YouXianMing. All rights reserved.//#import "PulsingView.h"@interface PulsingView ()@end@implementation PulsingView- (void)startAnimation { CGFloat tmpStartScale = (_startScale < 0 ? 0.5 : _startScale); CGFloat tmpEndScale = (_endScale < 0 ? 2 : _endScale); _inputView.transform = CGAffineTransformMake(tmpStartScale, 0, 0, tmpStartScale, 0, 0); _inputView.alpha = ((_maxAlpha <= 0 || _maxAlpha > 1) ? 1: _maxAlpha); [UIView animateWithDuration:(_duration <= 0 ? 1.f : _duration) delay:0.f options:UIViewAnimationOptionCurveEaseOut animations:^{ _inputView.transform = CGAffineTransformMake(tmpEndScale, 0, 0, tmpEndScale, 0, 0); _inputView.alpha = 0.f; } completion:nil];}@synthesize inputView = _inputView;- (void)setInputView:(UIView *)inputView { _inputView = inputView; inputView.frame = inputView.bounds; // 重设inputView的frame值 self.bounds = inputView.bounds; // 重设view的bounds // 先删除掉所有的子view [[self subviews] enumerateObjectsUsingBlock:^(id obj, NSUInteger idx, BOOL *stop) { UIView *tmp = (UIView *)obj; [tmp removeFromSuperview]; }]; [self addSubview:inputView];}- (UIView *)inputView { return _inputView;}@end 使用:
//// ViewController.m// PulsingView//// Created by YouXianMing on 14/10/29.// Copyright (c) 2014年 YouXianMing. All rights reserved.//#import "ViewController.h"#import "PulsingView.h"#import "YXGCD.h"@interface ViewController ()@property (nonatomic, strong) NSTimer *timer;@property (nonatomic, strong) PulsingView *pulsingView;@property (nonatomic, strong) UIView *circleView;@end@implementation ViewController- (void)viewDidLoad { [super viewDidLoad]; // 设置背景 self.view.backgroundColor = [UIColor blackColor]; // 用来显示的view _circleView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)]; _circleView.backgroundColor = [self randomColor]; _circleView.layer.cornerRadius = 50.f; // 脉冲view _pulsingView = [PulsingView new]; _pulsingView.inputView = _circleView; _pulsingView.startScale = 0.1f; _pulsingView.duration = 1.f; _pulsingView.center = self.view.center; [self.view addSubview:_pulsingView]; // 定时器 _timer = [NSTimer scheduledTimerWithTimeInterval:1.2f target:self selector:@selector(animationTimerEvent) userInfo:nil repeats:YES];}- (void)animationTimerEvent { _circleView.backgroundColor = [self randomColor]; _pulsingView.endScale = arc4random()%200/100.f + 1.f; [_pulsingView startAnimation];}- (UIColor *)randomColor { return [UIColor colorWithRed:arc4random()%255/255.f green:arc4random()%255/255.f blue:arc4random()%255/255.f alpha:1.f];}@end 类的详细细节:
