GlowView

GlowView

 

效果

 

说明

这是本人第二次写辉光view了,这是改进版本

 

源码

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

//
//  UIView+GlowView.h
//  GlowView
//
//  Created by YouXianMing on 15/7/4.
//  Copyright (c) 2015年 YouXianMing. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface UIView (GlowView)

//
//                                     == 动画时间解析 ==
//
//  0.0 ----------- 0.0 ------------> glowOpacity [---------------] glowOpacity ------------> 0.0
//           T                T                           T                           T
//           |                |                           |                           |
//           |                |                           |                           |
//           .                .                           .                           .
//     hideDuration   animationDuration              glowDuration              animationDuration
//

#pragma mark - 设置辉光效果
/**
 *  辉光的颜色
 */
@property (nonatomic, strong) UIColor  *glowColor;

/**
 *  辉光的透明度
 */
@property (nonatomic, strong) NSNumber *glowOpacity;

/**
 *  辉光的阴影半径
 */
@property (nonatomic, strong) NSNumber *glowRadius;

#pragma mark - 设置辉光时间间隔

/**
 *  一次完整的辉光周期(从显示到透明或者从透明到显示),默认1s
 */
@property (nonatomic, strong) NSNumber *glowAnimationDuration;

/**
 *  保持辉光时间(不设置,默认为0.5s)
 */
@property (nonatomic, strong) NSNumber *glowDuration;

/**
 *  不显示辉光的周期(不设置默认为0.5s)
 */
@property (nonatomic, strong) NSNumber *hideDuration;

#pragma mark - 辉光相关操作
/**
 *  创建出辉光layer
 */
- (void)createGlowLayer;

/**
 *  插入辉光的layer
 */
- (void)insertGlowLayer;

/**
 *  移除辉光的layer
 */
- (void)removeGlowLayer;

/**
 *  显示辉光
 */
- (void)glowToshow;

/**
 *  隐藏辉光
 */
- (void)glowToHide;

/**
 *  开始循环辉光
 */
- (void)startGlowLoop;

@end
//
//  UIView+GlowView.m
//  GlowView
//
//  Created by YouXianMing on 15/7/4.
//  Copyright (c) 2015年 YouXianMing. All rights reserved.
//

#import "UIView+GlowView.h"
#import <objc/runtime.h>

@interface UIView ()

@property (nonatomic, strong) CALayer           *glowLayer;
@property (nonatomic, strong) dispatch_source_t  dispatchSource;

@end

@implementation UIView (GlowView)

- (void)createGlowLayer {

    UIGraphicsBeginImageContextWithOptions(self.bounds.size, NO, [UIScreen mainScreen].scale);
    [self.layer renderInContext:UIGraphicsGetCurrentContext()];
    UIBezierPath* path = [UIBezierPath bezierPathWithRect:self.bounds];
    [[self accessGlowColor] setFill];
    [path fillWithBlendMode:kCGBlendModeSourceAtop alpha:1.0];

    self.glowLayer               = [CALayer layer];
    self.glowLayer.frame         = self.bounds;
    self.glowLayer.contents      = (__bridge id)UIGraphicsGetImageFromCurrentImageContext().CGImage;
    self.glowLayer.opacity       = 0.f;
    self.glowLayer.shadowOffset  = CGSizeMake(0, 0);
    self.glowLayer.shadowOpacity = 1.f;

    UIGraphicsEndImageContext();
}

- (void)insertGlowLayer {

    if (self.glowLayer) {
        [self.layer addSublayer:self.glowLayer];
    }
}

- (void)removeGlowLayer {

    if (self.glowLayer) {
        [self.glowLayer removeFromSuperlayer];
    }
}

- (void)glowToshow {

    self.glowLayer.shadowColor   = [self accessGlowColor].CGColor;
    self.glowLayer.shadowRadius  = [self accessGlowRadius].floatValue;

    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"opacity"];

    animation.fromValue     = @(0.f);
    animation.toValue       = [self accessGlowOpacity];
    self.glowLayer.opacity  = [self accessGlowOpacity].floatValue;
    animation.duration      = [self accessAnimationDuration].floatValue;

    [self.glowLayer addAnimation:animation forKey:nil];
}

- (void)glowToHide {

    self.glowLayer.shadowColor   = [self accessGlowColor].CGColor;
    self.glowLayer.shadowRadius  = [self accessGlowRadius].floatValue;

    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"opacity"];

    animation.fromValue     = [self accessGlowOpacity];
    animation.toValue       = @(0.f);
    self.glowLayer.opacity  = 0.f;
    animation.duration      = [self accessAnimationDuration].floatValue;

    [self.glowLayer addAnimation:animation forKey:nil];
}

- (void)startGlowLoop {

    if (self.dispatchSource == nil) {

        CGFloat seconds      = [self accessAnimationDuration].floatValue * 2 + [self accessGlowDuration].floatValue + [self accessHideDuration].floatValue;
        CGFloat delaySeconds = [self accessAnimationDuration].floatValue + [self accessGlowDuration].floatValue;

        self.dispatchSource = dispatch_source_create(DISPATCH_SOURCE_TYPE_TIMER, 0, 0, dispatch_get_main_queue());
        dispatch_source_set_timer(self.dispatchSource, dispatch_time(DISPATCH_TIME_NOW, 0), NSEC_PER_SEC * seconds, 0);
        dispatch_source_set_event_handler(self.dispatchSource, ^{

            [self glowToshow];

            dispatch_after(dispatch_time(DISPATCH_TIME_NOW, NSEC_PER_SEC * delaySeconds), dispatch_get_main_queue(), ^{

                [self glowToHide];
            });
        });

        dispatch_resume(self.dispatchSource);

    }
}

#pragma mark - 处理数据越界问题

- (NSNumber *)accessGlowOpacity {

    if (self.glowOpacity) {

        if (self.glowOpacity.floatValue <= 0 || self.glowOpacity.floatValue > 1) {
            return @(0.8);
        } else {
            return self.glowOpacity;
        }

    } else {

        return @(0.8);
    }
}

- (NSNumber *)accessGlowDuration {

    if (self.glowDuration) {

        if (self.glowDuration.floatValue <= 0) {
            return @(0.5f);
        } else {
            return self.glowDuration;
        }

    } else {

        return @(0.5f);
    }
}

- (NSNumber *)accessHideDuration {

    if (self.hideDuration) {

        if (self.hideDuration.floatValue < 0) {
            return @(0.5);
        } else {
            return self.hideDuration;
        }
    } else {

        return @(0.5f);
    }
}

- (NSNumber *)accessAnimationDuration {

    if (self.glowAnimationDuration) {

        if (self.glowAnimationDuration.floatValue <= 0) {
            return @(1.f);
        } else {
            return self.glowAnimationDuration;
        }

    } else {

        return @(1.f);
    }
}

- (UIColor *)accessGlowColor {

    if (self.glowColor) {
        return self.glowColor;
    } else {
        return [UIColor redColor];
    }
}

- (NSNumber *)accessGlowRadius {

    if (self.glowRadius) {

        if (self.glowRadius.floatValue <= 0) {
            return @(2.f);
        } else {
            return self.glowRadius;
        }
    } else {
        return @(2.f);
    }
}

///////////////////////////////////////////////////////////////////////////////////////////////

#pragma mark - runtime属性

NSString * const _recognizerDispatchSource = @"_recognizerDispatchSource";
- (void)setDispatchSource:(dispatch_source_t)dispatchSource {

    objc_setAssociatedObject(self, (__bridge const void *)(_recognizerDispatchSource), dispatchSource, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}
- (dispatch_source_t)dispatchSource {

    return objc_getAssociatedObject(self, (__bridge const void *)(_recognizerDispatchSource));
}

NSString * const _recognizerGlowColor = @"_recognizerGlowColor";
- (void)setGlowColor:(UIColor *)glowColor {

    objc_setAssociatedObject(self, (__bridge const void *)(_recognizerGlowColor), glowColor, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

- (UIColor *)glowColor {

    return objc_getAssociatedObject(self, (__bridge const void *)(_recognizerGlowColor));
}

NSString * const _recognizerGlowOpacity = @"_recognizerGlowOpacity";
- (void)setGlowOpacity:(NSNumber *)glowOpacity {

    objc_setAssociatedObject(self, (__bridge const void *)(_recognizerGlowOpacity), glowOpacity, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

- (NSNumber *)glowOpacity {

    return objc_getAssociatedObject(self, (__bridge const void *)(_recognizerGlowOpacity));
}

NSString * const _recognizerGlowRadius = @"_recognizerGlowRadius";
- (void)setGlowRadius:(NSNumber *)glowRadius {

    objc_setAssociatedObject(self, (__bridge const void *)(_recognizerGlowRadius), glowRadius, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

- (NSNumber *)glowRadius {

    return objc_getAssociatedObject(self, (__bridge const void *)(_recognizerGlowRadius));
}

NSString * const _recognizerGlowAnimationDuration = @"_recognizerGlowAnimationDuration";
- (void)setGlowAnimationDuration:(NSNumber *)glowAnimationDuration {

    objc_setAssociatedObject(self, (__bridge const void *)(glowAnimationDuration), _recognizerGlowAnimationDuration, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

- (NSNumber *)glowAnimationDuration {

    return objc_getAssociatedObject(self, (__bridge const void *)(_recognizerGlowAnimationDuration));
}

NSString * const _recognizerGlowDuration = @"_recognizerGlowDuration";
- (void)setGlowDuration:(NSNumber *)glowDuration {

    objc_setAssociatedObject(self, (__bridge const void *)(_recognizerGlowDuration), glowDuration, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

- (NSNumber *)glowDuration {

    return objc_getAssociatedObject(self, (__bridge const void *)(_recognizerGlowDuration));
}

NSString * const _recognizerHideDuration = @"_recognizerHideDuration";
- (void)setHideDuration:(NSNumber *)hideDuration {

    objc_setAssociatedObject(self, (__bridge const void *)(_recognizerHideDuration), hideDuration, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

- (NSNumber *)hideDuration {

    return objc_getAssociatedObject(self, (__bridge const void *)(_recognizerHideDuration));
}

NSString * const _recognizerGlowLayer = @"_recognizerGlowLayer";
- (void)setGlowLayer:(CALayer *)glowLayer {

    objc_setAssociatedObject(self, (__bridge const void *)(_recognizerGlowLayer), glowLayer, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

- (CALayer *)glowLayer {

    return objc_getAssociatedObject(self, (__bridge const void *)(_recognizerGlowLayer));
}

@end
时间: 2024-10-13 21:45:22

GlowView的相关文章

iOS之UI--辉光动画

前言:学习来自YouXianMing老师的博客:<辉光UIView的category >以及YouXianMing老师的github源码:< GlowView>    而我个人考虑到分类的二次拓展性(或者是再一次拓展)不是特别好,所以将YouXianMing老师的用分类拓展的辉光动画,改写成一个继承CALayer的可拓展的普通类. 一方面,也是作为自我训练编码,对辉光UIView的实现所使用到的上下文绘制.核心动画.GCD中的定时器以及Runtime动态添加属性等知识进一步的熟练运

辉光的UIView

辉光的UIView   辉光UIView使用了一个UIView的一个category,名为UIView+Glow,请自行到github上查找. 源码如下: // // RootViewController.m // GlowView // // Copyright (c) 2014年 Y.X. All rights reserved. // #import "RootViewController.h" #import "UIView+Glow.h" #import

带辉光效果的跑马灯

带辉光效果的跑马灯   效果   说明 并没有对代码进行封装,以后会在项目 Animation(https://github.com/YouXianMing/Animations)里面进行集成,欢迎前去star.   源码 UIView+GlowView // // UIView+GlowView.h // GlowView // // Created by YouXianMing on 15/7/4. // Copyright (c) 2015年 YouXianMing. All rights

如何动态绘制时钟

如何动态绘制时钟   效果   源码 https://github.com/YouXianMing/Animations // // ClockViewController.m // Animations // // Created by YouXianMing on 15/12/3. // Copyright 2015年 YouXianMing. All rights reserved. // #import "ClockViewController.h" #import "

辉光UIView的category

辉光UIView的category    本人视频教程系类   iOS中CALayer的使用   效果如下: 源码: UIView+GlowView.h 与 UIView+GlowView.m // // UIView+GlowView.h // YouXianClock // // Created by YouXianMing on 14-12-21. // Copyright (c) 2014年 YouXianMing. All rights reserved. // #import <UI