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


目录
相关文章
|
存储 C语言
C 语言函数完全指南:创建、调用、参数传递、返回值解析
函数是一段代码块,只有在被调用时才会运行。 您可以将数据(称为参数)传递给函数。 函数用于执行某些操作,它们对于重用代码很重要:定义一次代码,并多次使用。
353 3
|
人工智能 分布式计算 数据处理
数据倾斜问题之数据倾斜的定义如何解决
数据倾斜问题之数据倾斜的定义如何解决
238 0
|
数据采集 数据可视化
国内77个城市建筑物轮廓(带高度)数据分享(附百度网盘)
国内77个城市建筑物轮廓(带高度)数据分享(附百度网盘)
1693 1
|
10月前
二进制转换为八进制
【10月更文挑战第27天】二进制转换为八进制。
174 7
|
存储 算法 Unix
操作系统复习篇一分大小单双方式方法
用户程序访问操作系统的程序和数据 • 地址映射:逻辑地址转换为物理地址 • 内存扩充(虚拟存储技术):请求调入功能、置换功能 设备管理功能一分大小单双方式方法 《罔 F C W 2 3 ●VIP》【企鹅Q1344-687】 • 缓冲管理:缓冲区机制 • 设备分配 • 设备处理:设备驱动程序 主要任务:完成I/O请求、提高CPU和I/O设备的使用率 文件管理功能 • 文件存储空间的管理 • 目录管理:按名存取 • 文件的读/写管理和保护:文件的读/写管理、文件保护
|
JavaScript 安全 Java
Vue.js 滑动拼图验证码实现笔记
关于验证码的使用场景还是非常多的,很多网站上的验证码可谓是五花八门,下面是我使用Vue.js实现滑动拼图验证码做的一个笔记。
Vue.js 滑动拼图验证码实现笔记
|
Java 关系型数据库 MySQL
如何快速实现邮箱注册(项目案例)
说起Web项目,学过Java的一定都做过很多,今天就介绍一个常用的功能——邮箱注册。 这个功能主要针对面向大众的一些在线系统,比如我们平时注册一些网站,都需要首先提供邮箱,然后系统自动发送邮件到注册邮箱,激活验证通过后才能使用。
如何快速实现邮箱注册(项目案例)
|
存储 分布式计算 监控
日志数据采集与大数据存储方案实践
互联网及企业客户业务系统有大量的埋点日志数据实时生成,这些日志数据往往需要长期保存并有离线计算或者实时计算的需求。本文为您介绍日志数据采集与大数据存储实践方案。
日志数据采集与大数据存储方案实践
|
JavaScript 前端开发
Axure实战15:使用Axure和JavaScript创建一个MusicPlayer音乐播放器
Axure实战15:使用Axure和JavaScript创建一个MusicPlayer音乐播放器
663 0
Axure实战15:使用Axure和JavaScript创建一个MusicPlayer音乐播放器