198 lines
7.1 KiB
Objective-C
198 lines
7.1 KiB
Objective-C
//
|
||
// FCQRScanView.m
|
||
// FinoSprite
|
||
//
|
||
// Created by Haley on 2019/12/6.
|
||
// Copyright © 2019 finogeeks. All rights reserved.
|
||
//
|
||
|
||
#import "FCQRScanView.h"
|
||
|
||
const CGFloat scanner_borderWidth = 1.0; /** 扫描器边框宽度 */
|
||
const CGFloat scanner_cornerWidth = 3.0; /** 扫描器棱角宽度 */
|
||
const CGFloat scanner_cornerLength = 20.0; /** 扫描器棱角长度 */
|
||
const CGFloat scanner_lineHeight = 1.0; /** 扫描器线条高度 */
|
||
const CGFloat tipLab_height = 50.0; /** 扫描器下方提示文字高度 */
|
||
|
||
static NSString *scannerLineAnmationKey = @"ScannerLineAnmationKey"; /** 扫描线条动画Key值 */
|
||
|
||
@interface FCQRScanView ()
|
||
|
||
@property (nonatomic, strong) UIColor *scannerBorderColor;
|
||
|
||
@property (nonatomic, strong) UIColor *scannerCornerColor;
|
||
|
||
@property (nonatomic, strong) UIImageView *scannerLine;
|
||
|
||
@property (nonatomic, strong) UILabel *tipLabel;
|
||
|
||
@property (nonatomic, strong) UIActivityIndicatorView *activityIndicator;
|
||
|
||
@end
|
||
|
||
@implementation FCQRScanView
|
||
|
||
- (instancetype)initWithFrame:(CGRect)frame
|
||
{
|
||
self = [super initWithFrame:frame];
|
||
if (self) {
|
||
_scanner_width = 0.7 * frame.size.width;
|
||
_scanner_x = (frame.size.width - _scanner_width) / 2;
|
||
_scanner_y = 100;
|
||
|
||
_scannerBorderColor = [UIColor whiteColor];
|
||
_scannerCornerColor = [UIColor colorWithRed:66/255.0f green:134/255.0 blue:246/255.0 alpha:1.0];
|
||
|
||
[self p_initSubViews];
|
||
}
|
||
return self;
|
||
}
|
||
|
||
- (void)p_initSubViews
|
||
{
|
||
self.backgroundColor = [UIColor clearColor];
|
||
|
||
[self addSubview:self.scannerLine];
|
||
|
||
[self addSubview:self.tipLabel];
|
||
}
|
||
|
||
|
||
- (void)p_startScannerLineAnimation
|
||
{
|
||
[self.scannerLine.layer removeAllAnimations];
|
||
|
||
CABasicAnimation *lineAnimation = [CABasicAnimation animationWithKeyPath:@"transform"];
|
||
lineAnimation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeTranslation(0, _scanner_width - scanner_lineHeight, 1)];
|
||
lineAnimation.duration = 4;
|
||
lineAnimation.repeatCount = MAXFLOAT;
|
||
[self.scannerLine.layer addAnimation:lineAnimation forKey:scannerLineAnmationKey];
|
||
// 重置动画运行速度为1.0
|
||
self.scannerLine.layer.speed = 1.0;
|
||
}
|
||
|
||
- (void)p_pauseScannerLineAnimation
|
||
{
|
||
// 取出当前时间，转成动画暂停的时间
|
||
CFTimeInterval pauseTime = [self.scannerLine.layer convertTime:CACurrentMediaTime() fromLayer:nil];
|
||
// 设置动画的时间偏移量，指定时间偏移量的目的是让动画定格在该时间点的位置
|
||
self.scannerLine.layer.timeOffset = pauseTime;
|
||
// 将动画的运行速度设置为0， 默认的运行速度是1.0
|
||
self.scannerLine.layer.speed = 0;
|
||
}
|
||
|
||
- (void)p_addActivityIndicator
|
||
{
|
||
if (!_activityIndicator) {
|
||
_activityIndicator = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray];
|
||
_activityIndicator.center = self.center;
|
||
[self addSubview:_activityIndicator];
|
||
}
|
||
|
||
[_activityIndicator startAnimating];
|
||
}
|
||
|
||
- (void)p_removeActivityIndicator
|
||
{
|
||
if (_activityIndicator) {
|
||
[_activityIndicator removeFromSuperview];
|
||
_activityIndicator = nil;
|
||
}
|
||
}
|
||
|
||
- (void)drawRect:(CGRect)rect
|
||
{
|
||
[super drawRect:rect];
|
||
|
||
// 半透明区域
|
||
[[UIColor colorWithWhite:0 alpha:0.7] setFill];
|
||
UIRectFill(rect);
|
||
|
||
// 透明区域
|
||
CGRect scanner_rect = CGRectMake(_scanner_x, _scanner_y, _scanner_width, _scanner_width);
|
||
[[UIColor clearColor] setFill];
|
||
UIRectFill(scanner_rect);
|
||
|
||
// 边框
|
||
UIBezierPath *borderPath = [UIBezierPath bezierPathWithRect:CGRectMake(_scanner_x, _scanner_y, _scanner_width, _scanner_width)];
|
||
borderPath.lineCapStyle = kCGLineCapRound;
|
||
borderPath.lineWidth = scanner_borderWidth;
|
||
[_scannerBorderColor set];
|
||
[borderPath stroke];
|
||
|
||
for (int index = 0; index < 4; index++) {
|
||
UIBezierPath *tempPath = [UIBezierPath bezierPath];
|
||
tempPath.lineWidth = scanner_cornerWidth;
|
||
[_scannerCornerColor set];
|
||
switch (index) {
|
||
// 左上角
|
||
case 0:
|
||
[tempPath moveToPoint:CGPointMake(_scanner_x + scanner_cornerLength, _scanner_y)];
|
||
[tempPath addLineToPoint:CGPointMake(_scanner_x, _scanner_y)];
|
||
[tempPath addLineToPoint:CGPointMake(_scanner_x, _scanner_y + scanner_cornerLength)];
|
||
break;
|
||
// 右上角
|
||
case 1:
|
||
[tempPath moveToPoint:CGPointMake(_scanner_x + _scanner_width - scanner_cornerLength, _scanner_y)];
|
||
[tempPath addLineToPoint:CGPointMake(_scanner_x + _scanner_width, _scanner_y)];
|
||
[tempPath addLineToPoint:CGPointMake(_scanner_x + _scanner_width, _scanner_y + scanner_cornerLength)];
|
||
break;
|
||
// 左下角
|
||
case 2:
|
||
[tempPath moveToPoint:CGPointMake(_scanner_x, _scanner_y + _scanner_width - scanner_cornerLength)];
|
||
[tempPath addLineToPoint:CGPointMake(_scanner_x, _scanner_y + _scanner_width)];
|
||
[tempPath addLineToPoint:CGPointMake(_scanner_x + scanner_cornerLength, _scanner_y + _scanner_width)];
|
||
break;
|
||
// 右下角
|
||
case 3:
|
||
[tempPath moveToPoint:CGPointMake(_scanner_x + _scanner_width - scanner_cornerLength, _scanner_y + _scanner_width)];
|
||
[tempPath addLineToPoint:CGPointMake(_scanner_x + _scanner_width, _scanner_y + _scanner_width)];
|
||
[tempPath addLineToPoint:CGPointMake(_scanner_x + _scanner_width, _scanner_y + _scanner_width - scanner_cornerLength)];
|
||
break;
|
||
}
|
||
[tempPath stroke];
|
||
}
|
||
|
||
}
|
||
|
||
- (UIImage *)fin_imageWithColor:(UIColor *)color
|
||
{
|
||
CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f); //宽高 1.0只要有值就够了
|
||
UIGraphicsBeginImageContext(rect.size); //在这个范围内开启一段上下文
|
||
CGContextRef context = UIGraphicsGetCurrentContext();
|
||
|
||
CGContextSetFillColorWithColor(context, [color CGColor]);//在这段上下文中获取到颜色UIColor
|
||
CGContextFillRect(context, rect);//用这个颜色填充这个上下文
|
||
|
||
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();//从这段上下文中获取Image属性,,,结束
|
||
UIGraphicsEndImageContext();
|
||
|
||
return image;
|
||
}
|
||
|
||
#pragma mark - setter && getter
|
||
- (UIImageView *)scannerLine
|
||
{
|
||
if (!_scannerLine) {
|
||
_scannerLine = [[UIImageView alloc] initWithFrame:CGRectMake(_scanner_x + 5, _scanner_y, _scanner_width - 10, scanner_lineHeight)];
|
||
UIColor *tinColor = [UIColor colorWithRed:66/255.0f green:134/255.0 blue:246/255.0 alpha:1.0];
|
||
_scannerLine.image = [self fin_imageWithColor:tinColor];
|
||
}
|
||
|
||
return _scannerLine;
|
||
}
|
||
|
||
- (UILabel *)tipLabel
|
||
{
|
||
if (!_tipLabel) {
|
||
_tipLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, _scanner_y + _scanner_width, self.frame.size.width, 50)];
|
||
_tipLabel.textAlignment = NSTextAlignmentCenter;
|
||
_tipLabel.textColor = [UIColor lightGrayColor];
|
||
_tipLabel.font = [UIFont systemFontOfSize:13];
|
||
_tipLabel.text = @"将二维码放入框内，即可自动扫描";
|
||
}
|
||
return _tipLabel;
|
||
}
|
||
|
||
@end
|