二維碼表白?iOS開發之原生二維碼生成與掃描

表白?
一定有人會說,癡心妄想,你們程序員哪來的對象!

然而,

作為程序員,給我一個類,我可以創建無數個對象。

在iOS7以前,我們開發二維碼掃描或者生成,都需要借助第三方的開源庫(如ZBar和ZXing)進行開發。iOS7之后可以使用蘋果原生的二維碼掃描和生成功能。

1. 二維碼的生成

首先在storyboard上拖幾個控件:一個UITextField,一個UIButton,一個UIImageView。

關聯屬性

@property (weak, nonatomic) IBOutlet UIImageView *imgView;
@property (weak, nonatomic) IBOutlet UITextField *textField;

給button添加點擊事件:

#pragma mark --- 點擊按鈕生成二維碼 ---
- (IBAction)generate:(UIButton *)sender {
    [self.textField resignFirstResponder];
    //1.實例化二維碼濾鏡
    CIFilter *filter = [CIFilter filterWithName:@"CIQRCodeGenerator"];

CIFilter用來表示CoreImage提供的各種濾鏡。濾鏡使用鍵-值來設置輸入值,這些值設置好之后,CIFilter就可以用來生成新的CIImage輸出圖像。這里的輸出的圖像不會進行實際的圖像渲染。

    //2.恢復濾鏡的默認屬性(因為濾鏡有可能保存上一次的屬性)
    [filter setDefaults];
    //3.經字符串轉化成NSData
    NSData *data = [self.textField.text dataUsingEncoding:NSUTF8StringEncoding];
    //4.通過KVC設置濾鏡,傳入data,將來濾鏡就知道要通過傳入的數據生成二維碼
    [filter setValue:data forKey:@"inputMessage"];
    //5.生成二維碼
    CIImage *image = [filter outputImage];  
    //CIImage是CoreImage框架中最基本代表圖像的對象,他不僅包含元圖像數據,還包含作用在原圖像上的濾鏡鏈。
    UIImage *image1 = [UIImage imageWithCIImage:image];
    //注:像這樣將CIImage直接轉換成UIImage生成的二維碼會比較模糊,但是簡單,也可以掃描出信息。

    //6.設置生成好的二維碼到imageVIew上
    self.imgView.image = image1;
    //生成高清二維碼的方法一會兒補充。
}

輸入框中輸入文本,點擊生成按鈕即可。

生成二維碼

生成二維碼的簡單方法如上。

然后可以自由處理。

溫馨提示:

表白是即將勝利時吹響的號角,過早表白后果嚴重。

不要問我是怎么知道的。

<( ̄3 ̄)>

補充:

生成高清二維碼的方法:

self.imgView.image = [self createNonInterpolatedUIImageFormCIImage:image withSize:100.0];

由于生成的二維碼是CIImage類型,如果直接轉換成UIImage,大小不好控制,圖片會模糊。
我們可以采用間接轉換:CIImage –> CGImageRef –> UIImage

- (UIImage *)createNonInterpolatedUIImageFormCIImage:(CIImage *)image withSize:(CGFloat) size {
    CGRect extent = CGRectIntegral(image.extent);
    //設置比例 
    CGFloat scale = MIN(size/CGRectGetWidth(extent), size/CGRectGetHeight(extent));
    // 創建bitmap(位圖);
    size_t width = CGRectGetWidth(extent) * scale;
    size_t height = CGRectGetHeight(extent) * scale;
    CGColorSpaceRef cs = CGColorSpaceCreateDeviceGray();
    CGContextRef bitmapRef = CGBitmapContextCreate(nil, width, height, 8, 0, cs, (CGBitmapInfo)kCGImageAlphaNone);
    CIContext *context = [CIContext contextWithOptions:nil];
    CGImageRef bitmapImage = [context createCGImage:image fromRect:extent];
    CGContextSetInterpolationQuality(bitmapRef, kCGInterpolationNone);
    CGContextScaleCTM(bitmapRef, scale, scale);
    CGContextDrawImage(bitmapRef, extent, bitmapImage);
    // 保存bitmap到圖片
    CGImageRef scaledImage = CGBitmapContextCreateImage(bitmapRef);
    CGContextRelease(bitmapRef);
    CGImageRelease(bitmapImage);
    return [UIImage imageWithCGImage:scaledImage];
}




2. 二維碼的掃描

再來看一下掃描二維碼如何實現。 由于模擬器沒有拍攝設備,要在真機上測試效果。

導入框架

#import <AVFoundation/AVFoundation.h>
#import <CoreImage/CoreImage.h>

遵守協議

@interface ViewController ()<AVCaptureMetadataOutputObjectsDelegate>

添加兩個屬性

//捕獲會話
@property (nonatomic,strong) AVCaptureSession *session;

//預覽圖層,可以通過輸出設備展示被捕獲的數據流。
@property (nonatomic,strong) AVCaptureVideoPreviewLayer *previewLayer;

可視化拖一個label,一個button,關聯屬性:

@property (weak, nonatomic) IBOutlet UILabel *label;

實現代理方法:

這是AVCaptureMetadataOutputObjectsDelegate協議里的唯一一個方法,是選擇性實現的方法:

//獲得的數據在此方法中
- (void)captureOutput:(AVCaptureOutput *)captureOutput didOutputMetadataObjects:(NSArray *)metadataObjects fromConnection:(AVCaptureConnection *)connection{
    // 會頻繁的掃描,調用代理方法
    // 1. 如果掃描完成,停止會話
    [self.session stopRunning];
    // 2. 刪除預覽圖層
    [self.previewLayer removeFromSuperlayer];
    // 3. 設置界面顯示掃描結果
    //判斷是否有數據
    if (metadataObjects.count > 0) {
        AVMetadataMachineReadableCodeObject *obj = metadataObjects[0];
        //如果需要對url或者名片等信息進行掃描,可以在此進行擴展
        self.label.text = obj.stringValue;
    }
    //結束掃描
    [self dismissViewControllerAnimated:YES completion:^{
        UIAlertController *alert = [UIAlertController alertControllerWithTitle:nil message:self.label.text preferredStyle:UIAlertControllerStyleAlert];
        UIAlertAction *action = [UIAlertAction actionWithTitle:@"OK" style:UIAlertActionStyleDefault handler:nil];
        [alert addAction:action];
        [self presentViewController:alert animated:YES completion:nil];
    }];
}


添加按鈕的點擊事件:

#pragma mark --- 點擊按鈕掃描二維碼 ---
- (IBAction)scan:(UIButton *)sender {
    //1.實例化拍攝設備
    AVCaptureDevice *device = [AVCaptureDevice defaultDeviceWithMediaType:AVMediaTypeVideo]; //媒體類型
    
    //2.設置輸入設備
    NSError *error = nil;
    AVCaptureDeviceInput *input = [AVCaptureDeviceInput deviceInputWithDevice:device error:&error];
    if (error) {
        //防止模擬器崩潰
        NSLog(@"沒有攝像頭設備");
        return;
    }
    
    //3.設置元數據輸出
    //實例化拍攝元數據輸出
    AVCaptureMetadataOutput *output=[[AVCaptureMetadataOutput alloc]init];
    //設置輸出數據代理
    [output setMetadataObjectsDelegate:self queue:dispatch_get_main_queue()];
    
    //4.添加拍攝會話
    //實例化拍攝會話
    AVCaptureSession *session =[[AVCaptureSession alloc]init];
    [session setSessionPreset:AVCaptureSessionPresetHigh];//預設輸出質量
    //添加會話輸入
    [session addInput:input];
    //添加會話輸出
    [session addOutput:output];
    //添加會話輸出條碼類型
    [output setMetadataObjectTypes:@[AVMetadataObjectTypeQRCode]];
    self.session = session;
    
    //5.視頻預覽圖層
    //實例化預覽圖層
    AVCaptureVideoPreviewLayer *preview = [AVCaptureVideoPreviewLayer layerWithSession:_session];
    preview.videoGravity = AVLayerVideoGravityResizeAspectFill;
    preview.frame = self.view.bounds;
    //將圖層插入當前視圖
    [self.view.layer insertSublayer:preview atIndex:100];
    self.previewLayer = preview;
    
    //6.啟動會話
    [_session startRunning];
}

掃描二維碼結束。

再次溫馨提示:有女生節、女王節,沒有婦女節

??
哈哈,節日愉快~

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容