二维码生成及自定义二维码

在实际开发中,常常用到二维码。所以就需要我们熟练掌握二维码的相关知识(包括 生成二维码、生成自定义的二维码、识别图片二维码、扫描二维码等)。这篇文章重点就是讲解这些知识,希望能有所帮助。

注意:生成二维码需要引入 import CoreImage 这个框架

生成二维码

生成二维码包括以下四个步骤

  1. 创建二维码滤镜
  2. 设置滤镜输入数据
  3. 从二维码滤镜里面,获取结果图片
  4. 显示图片
    其中,这个四个步骤中又包括若干小步骤。具体代码如下:
// 1. 创建二维码滤镜
let filter = CIFilter(name: "CIQRCodeGenerator")
// 1.1 恢复滤镜默认设置
filter?.setDefaults()
// 2. 设置滤镜输入数据
let data = self.inputTextView.text.data(using: .utf8) // 自定义的输入框
filter?.setValue(data, forKey: "inputMessage")
// 2.1 设置二维码的纠错率
filter?.setValue("M", forKey: "inputCorrectionLevel")
// 3.从二维码滤镜里面,获取结果图片
var image = filter?.outputImage
// 图片放大处理(否则图片模糊不清)
let transform = CGAffineTransform(scaleX: 20, y: 20)
image = image?.applying(transform)
// 3.1图片处理
let resultImage = UIImage(ciImage: image!)
// 4.显示图片
self.qeCodeImageView.image = resultImage // 自定义的UIImageView,来展示结果

二维码的纠错率.png

注意:级别越高,扫描时间越长。一般 M 就可以满足

生成自定义的二维码(即添加前景图片)

与生成二维码差不多,就是多了一个添加图片的编辑的过程。

  1. 开启图形上下文
    2.绘制大图片
    3.绘制小图片
    4.取出结果图片
    5.关闭上下文
    为了方便,写了一个方法专门处理图片,具体代码如下:
处理图片方法
 func getNewImage(sourceImage:UIImage, centerImage:UIImage) -> UIImage {
        let size = sourceImage.size
        // 1.开启图形上下文
        UIGraphicsBeginImageContext(size)
        // 2.绘制大图片
        sourceImage.draw(in: CGRect(x: 0, y: 0, width: size.width, height: size.height))
        // 3.绘制小图片
        let width:CGFloat = 100 // 大小自定义
        let height:CGFloat = 100 // 大小自定义
        let x:CGFloat = (size.width - width) * 0.5
        let y:CGFloat = (size.height - height) * 0.5
        centerImage.draw(in: CGRect(x: x, y: y, width: width, height: height))
        
        // 4.取出结果图片
        let resultImage = UIGraphicsGetImageFromCurrentImageContext()
        // 5.关闭上下文
        UIGraphicsEndImageContext()
        // 6.返回结果图片
        return resultImage!
    }
生成自定义二维码代码,和上面差不多
        // 1. 创建二维码滤镜
        let filter = CIFilter(name: "CIQRCodeGenerator")
        // 1.1 恢复滤镜默认设置
        filter?.setDefaults()
        // 2. 设置滤镜输入数据
        let data = self.inputTextView.text.data(using: .utf8)
        filter?.setValue(data, forKey: "inputMessage")
        // 2.1 设置二维码的纠错率
        filter?.setValue("M", forKey: "inputCorrectionLevel")
        // 3.从二维码滤镜里面,获取结果图片
        var image = filter?.outputImage
        // 图片放大处理(否则图片模糊不清)
        let transform = CGAffineTransform(scaleX: 20, y: 20)
        image = image?.applying(transform)
        // 3.1图片处理
        var resultImage = UIImage(ciImage: image!)
        // 前景图片
        let centerImage = UIImage(named: "icon")
         resultImage = getNewImage(sourceImage: resultImage, centerImage: centerImage!)
        // 4.显示图片
        self.qeCodeImageView.image = resultImage
识别图片中的二维码(标中识别的二维码)
        // 1. 获取需要识别的图片
        let image = sourceImage.image
        let ciImage = CIImage(image: image!)
        // 开始识别
        // CIDetectorTypeQRCode : 二维码
        // CIDetectorTypeFace : 脸部识别
        // CIDetectorTypeRectangle : 识别一个矩形的内容
        // CIDetectorTypeText : 文本识别
        
        
        // 1.创建一个二维码探测器
        let dector = CIDetector(ofType: CIDetectorTypeQRCode, context: nil, options: [CIDetectorAccuracy:CIDetectorAccuracyHigh])
        // 2.直接探测二维码特征
        let features = dector?.features(in: ciImage!)
        var resultImage = image
        for feature in features! {
            let qrFeature = feature as! CIQRCodeFeature
            print(qrFeature.messageString) // 二维码的含有的信息
            //print(qrFeature.bounds) // 二维码的大小
            resultImage = drawFrame(image: resultImage!, feature: qrFeature)
            self.sourceImage.image = resultImage
        }
利用贝塞尔曲线 标中识别的二维码
func drawFrame(image:UIImage, feature:CIQRCodeFeature) -> UIImage {
        
        let size = image.size
        // 1.开启图形上下文
        UIGraphicsBeginImageContext(size)
        // 2.绘制大图片
        image.draw(in: CGRect(x: 0, y: 0, width: size.width, height: size.height))
        let context = UIGraphicsGetCurrentContext()
        context!.scaleBy(x: 1, y: -1) // 缩放坐标系统
        context!.translateBy(x: 0, y: -size.height) // 平移坐标系统
       
        // 3.绘制路径
        let bounds = feature.bounds
        let path = UIBezierPath(rect: bounds)
        UIColor.red.setStroke()
        path.lineWidth = 6
        path.stroke()
        // 4.取出结果图片
        let resultImage = UIGraphicsGetImageFromCurrentImageContext()
        // 5.关闭图形上线文
        UIGraphicsEndImageContext()
        // 6.返回图片
        return resultImage!
    }

源码地址

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,445评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,889评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,047评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,760评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,745评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,638评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,011评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,669评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,923评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,655评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,740评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,406评论 4 320
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,995评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,961评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,023评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,483评论 2 342

推荐阅读更多精彩内容