使用 Google 的 Web API 创建二维码

移动开发 Android
谷歌图表(Google Charts)可以通过POST被查询请求(细节看这里: https://developers.google.com/chart/image/docs/post_requests?csw=1),因此,我们必须: a)查询远程服务器,尤其是POST的参数(稍后叙述), b)获取服务器的应答 (一张PNG图片), c) 使用它对我们而言,就是把它(图片)绘成我们想要的样子。

谷歌图表(Google Charts)可以通过POST被查询请求(细节看这里: https://developers.google.com/chart/image/docs/post_requests?csw=1),因此,我们必须: a)查询远程服务器,尤其是POST的参数(稍后叙述), b)获取服务器的应答 (一张PNG图片), c) 使用它对我们而言,就是把它(图片)绘成我们想要的样子。

因此, 在 Visual Studio中打开一个工程, 之后添加一个新的用户控件(User Control)。 把 BorderStyle属性设置成Fixed3D, 把 DoubleBuffered 设成 True (当控件自己刷新时,避免闪烁)。

 

使用代码

我们将要查询的标准URL如下:http://chart.googleapis.com/chart?chs={WIDTH}x{HEIGHT}&cht=qr&chl={DATA}  (大括号里的参数将由实际的参数代替)。chs 由特定的二维码决定 (width x height) ,chl 包含条形码所表示的数据。与条形码大小相关的参数很容易从我们的控制属性上得出(标准的控制自然是有宽和高的),但是我们还要新建一个变量来存储一个定长的文本,即表示我们的二维码所展示的数据。

在UserControl中,我们将标准URI定义为一个常量,定义Data Property以及一个用来存储本地上下文数据的内部变量:

  1. Const _GOOGLE_URL As String = "http://chart.googleapis.com/chart?chs= [This link is external to TechNet Wiki. It will open in a new window.] {WIDTH}x{HEIGHT}&cht=qr&chl={DATA}" 
  2. Dim _DATA As String = String.Empty 
  3.    
  4. Property Data As String 
  5.   Get 
  6.     Return _DATA 
  7.   End Get 
  8.   Set(value As String) 
  9.     _DATA = value 
  10.   End Set 
  11. End Property 

当我们使用Control时,Data Property在代码视图和设计视图里都是可用的:

现在可以用请求参数来构造一个网址URI,这需要在页面请求之前通过编码的方式将数据组装。要确保没有特别的字符来干扰我们的查询。我编写了一个私有方法来完成这个任务。调用它可以得到一个参数编码的URI(多亏有WebUtility.UrlEncode函数)。

  1. Private Function getQRURI() As String 
  2.     Dim _qrAddr As String = _GOOGLE_URL.Replace("{WIDTH}", Me.Width.ToString).Replace("{HEIGHT}", Me.Height.ToString) 
  3.     _qrAddr = _qrAddr.Replace("{DATA}", WebUtility.UrlEncode(_DATA)) 
  4.    
  5.     Return _qrAddr 
  6. End Function 

一旦有数据参数需要被包含,将用我们的尺寸替换掉代码中的两个参数{WIDTH}和{HEIGHT}(有关WebUtility.UrlEncode,请看 这里。

<

现在可以从远程服务器获取二维码图片了,因为我们已经在服务器上利用QRCode控件产生好二维码图片缓存等待您的请求。由于想直接用标准OnPaint绘制方法(可以更好使用PaintEventArgs),我将进行重载,添加我自己的代码:

  1. Protected Overrides Sub OnPaint(e As PaintEventArgs) 
  2.     MyBase.OnPaint(e) 
  3.     If _DATA Is Nothing Then Exit Sub 
  4.    
  5.     Dim client As New WebClient() 
  6.     Dim bytes() As Byte = client.DownloadData(getQRURI()) 
  7.     client.Dispose() 
  8.    
  9.     Dim memStream As New IO.MemoryStream(bytes) 
  10.     Dim bmp As Bitmap = Bitmap.FromStream(memStream) 
  11.     memStream.Dispose() 
  12.    
  13.     e.Graphics.DrawImage(bmp, 00
  14. End Sub 

调用标准的绘制操作。下一步,如果有数据请求,我们会进行检查(另外存在方法),我们用一个新的WebClient实例来处理远程请求。通过格式化URI 方法处理过的下载数据的调用,我们填充一个bytes数组,进而构建一个诸如PNG格式的QR Code二维码图片

 

图片类型的变量可以通过读取流的方式进行初始化(就像我们打开本地的一张图片,会有一份本地流的副本)。既然在内存中我们有自己的字节,我们可以声明一个基于数组的MemoryStream,并且使用它作为位图的源。在这一点上,为了实现***的工作位图,我们可以利用变量 e,其中的OnPaint事件可以访问自己,以此在我们控制的位置[0;0]绘制图像。

编译我们的项目后,QRBox将出现在工具箱里,准备在Form上使用。

使用它非常简单,只需要设置它的数据和属性,还有控制刷新的回调。

接下来的简单Form例子会展示它是如何工作的。我已经向我的Form中添加了QrBox,一个标准的TextBox和Button。

当用户按下“制作”按钮时,我们将会读到一段TextBox文本,并将其传送到QrBox Data Property中,并且触发刷新方法。为了开始针对谷歌Charts的远程查询,按按钮产生的代码将会简单如下:

  1. Private Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click 
  2.     QrBox1.Data = TextBox1.Text 
  3.     QrBox1.Refresh() 
  4. End Sub 

UserControl的完整代码

QrBox UserControl的完整代码如下:

  1. Imports System.Net 
  2.    
  3. Public Class QRBox 
  4.     Const _GOOGLE_URL As String = "http://chart.googleapis.com/chart?chs={WIDTH}x{HEIGHT}&cht=qr&chl={DATA}" 
  5.     Dim _DATA As String = String.Empty 
  6.    
  7.     Property Data As String 
  8.         Get 
  9.             Return _DATA 
  10.         End Get 
  11.         Set(value As String) 
  12.             _DATA = value 
  13.         End Set 
  14.     End Property 
  15.    
  16.     Private Function getQRURI() As String 
  17.         Dim _qrAddr As String = _GOOGLE_URL.Replace("{WIDTH}", Me.Width.ToString).Replace("{HEIGHT}", Me.Height.ToString) 
  18.         _qrAddr = _qrAddr.Replace("{DATA}", WebUtility.UrlEncode(_DATA)) 
  19.    
  20.         Return _qrAddr 
  21.     End Function 
  22.    
  23.     Protected Overrides Sub OnPaint(e As PaintEventArgs) 
  24.         MyBase.OnPaint(e) 
  25.         If _DATA Is Nothing Then Exit Sub 
  26.    
  27.         Dim client As New WebClient() 
  28.         Dim bytes() As Byte = client.DownloadData(getQRURI()) 
  29.         client.Dispose() 
  30.    
  31.         Dim memStream As New IO.MemoryStream(bytes) 
  32.         Dim bmp As Bitmap = Bitmap.FromStream(memStream) 
  33.         memStream.Dispose() 
  34.    
  35.         e.Graphics.DrawImage(bmp, 00
  36.     End Sub 
  37.    
  38.     Public Sub New() 
  39.         InitializeComponent() 
  40.     End Sub 
  41. End Class 

 

责任编辑:chenqingxiang 来源: oschina
相关推荐

2015-11-09 13:03:47

JavaServlet创建二维码

2024-06-26 08:46:45

2013-01-30 12:16:49

二维码NFC近场通讯

2023-11-17 15:44:06

C++库生成二维码

2023-11-17 09:07:51

.NET生成二维码识别二维码

2017-02-21 09:17:46

二维码漏洞

2012-04-01 09:53:13

二维码

2011-12-30 17:09:41

二维码APP灵动快拍

2011-12-06 16:40:45

二维码快拍二维码灵动快拍

2011-11-24 16:00:23

信息图QR码二维码

2013-10-29 09:46:05

二维码

2014-03-05 14:41:55

二维码登录

2015-09-24 09:56:19

.NET二维码

2023-12-25 14:53:36

2011-07-26 14:07:29

iPhone 二维码

2022-03-15 08:10:05

Android二维码扫描库

2023-08-08 14:16:07

二维码开发鸿蒙

2011-08-30 17:42:02

Kuapay二维码移动支付

2013-03-27 16:13:17

Android开发Android二维码生QR生成

2024-06-03 10:33:08

点赞
收藏

51CTO技术栈公众号