Windows Phone 7开发技巧【2】——使用ZXing库实现一维/二维条码扫描

世界上信息无处不在，条码就无孔不入。方便快速的生成和读取条码信息，已经成为智能手机的基本功能。如何在Window Phone手机应用上实现条码扫描功能呢？最先想到的可能是首先用摄像头读取到条码图像、二值化、图像处理等等，让人头大。但是俗话说的好，Don't Reinvent The Wheel，要感谢强大的ZXing库[1]，我们可以把精力多放在app本身功能的实现上。ZXing库实现了众多的一维/二维条码的读取功能，例如常见的EAN-13和QR码。Zxing支持多种编程语言，有人实现了Silverlight版本[2]，WP7应用中可以很方便的使用。本文从一个实例入手，介绍一下如何来使用ZXing。

简单起见，封装一个页面Barcode，从任何页面切换到Barcode页面，均自动开始条码读取，读取完成后，切换到结果页面。封装上[3]其实做的更好些，但是无奈在我的app中使用不便，[3]非常值得参考。

一、引用ZXing

建立WP7BarcodeScannerExample实例工程，从[2]下载SilverlightZxing库，添加对Silverlight_ZXing_Core.dll的引用。下面一段截取的代码，可以看出ZXing的使用是比较方便的。

using com.google.zxing;
using com.google.zxing.oned;
using com.google.zxing.qrcode;
using com.google.zxing.common;

namespace WP7BarcodeScannerExample
{
public partial class BarCode : PhoneApplicationPage
{
private Reader _reader = new EAN13Reader();//or QRCodeReader()

private void ScanPreviewBuffer()
{

Result result = _reader.decode(binBitmap);
if (result != null)
{
//读取成功，结果是result.Text
}
}
}
}

首先，根据需要读取的条码类型，以EAN-13一维条码为例，初始化一个EAN13Reader，然后对获取到的图像binBitmap进行decode，即可得到结果。

二、PhotoCamera取景

[4]非常详细的说明了PhotoCamera的使用方法，这里就不再赘述了。注意wp7模拟器是不支持摄像头的，所以该实例必须在真机上运行。

三、Barcode页面

主要思路是：使用VideoBrush将PhotoCamera取景显示出来，按照固定的间隔时间进行对焦并读取图片，调用zxing的制定编码类型的解码器进行解码，成功后停止取景和读取，切换至结果页面。

Barcode.xaml

<Grid x:Name="LayoutRoot" Background="Transparent">
<Rectangle HorizontalAlignment="Stretch" Name="frame" Stroke="Black" StrokeThickness="0" VerticalAlignment="Stretch">
<Rectangle.Fill>
<VideoBrush x:Name="_videoBrush">
<VideoBrush.RelativeTransform>
<CompositeTransform
x:Name="_previewTransform" CenterX=".5" CenterY=".5" />
</VideoBrush.RelativeTransform>
</VideoBrush>
</Rectangle.Fill>
</Rectangle>
</Grid>

注意VideoBrush，因为PhotoCamera取景默认是横屏的，需要对其做一下变换。

Barcode.xaml.cs:

using System;
using System.IO;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using Microsoft.Phone.Controls;
using Microsoft.Devices;
using com.google.zxing;
using com.google.zxing.oned;
using com.google.zxing.qrcode;
using com.google.zxing.common;
using System.Windows.Threading;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;

namespace WP7BarcodeScannerExample
{
public partial class BarCode : PhoneApplicationPage
{
private PhotoCamera _photoCamera;
private PhotoCameraLuminanceSource _luminance;
private readonly DispatcherTimer _timer;
//解码器
private Reader _reader = null;

public BarCode()
{
InitializeComponent();

_timer = new DispatcherTimer();
_timer.Interval = TimeSpan.FromMilliseconds(250);
//间隔250ms调用读取函数
_timer.Tick += (o, arg) => ScanPreviewBuffer();
}

protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)
{
string type = "";

if (NavigationContext.QueryString.TryGetValue("type", out type) && type == "qrcode")
{
_reader = new QRCodeReader();
}
else
{
_reader = new EAN13Reader();
}

_photoCamera = new PhotoCamera();
_photoCamera.Initialized += new EventHandler<CameraOperationCompletedEventArgs>(cam_Initialized);
_videoBrush.SetSource(_photoCamera);
base.OnNavigatedTo(e);
}

protected override void OnNavigatingFrom(System.Windows.Navigation.NavigatingCancelEventArgs e)
{
if (_photoCamera != null)
{
_timer.Stop();
_photoCamera.CancelFocus();
_photoCamera.Dispose();
}

base.OnNavigatingFrom(e);
}

void cam_Initialized(object sender, CameraOperationCompletedEventArgs e)
{
int width = Convert.ToInt32(_photoCamera.PreviewResolution.Width);
int height = Convert.ToInt32(_photoCamera.PreviewResolution.Height);
_luminance = new PhotoCameraLuminanceSource(width, height);

Dispatcher.BeginInvoke(() =>
{
_previewTransform.Rotation = _photoCamera.Orientation;
_timer.Start();
});
_photoCamera.FlashMode = FlashMode.Auto;
_photoCamera.Focus();
}

private void ScanPreviewBuffer()
{
try
{
_photoCamera.GetPreviewBufferY(_luminance.PreviewBufferY);
var binarizer = new HybridBinarizer(_luminance);
var binBitmap = new BinaryBitmap(binarizer);
Result result = _reader.decode(binBitmap);
if (result != null)
{
_timer.Stop();
Dispatcher.BeginInvoke(() =>
{
//读取成功，结果存放在result.Text
});
}
else
{
_photoCamera.Focus();
}
}
catch
{
}
}
}
}

注意：

1，重点查看ScanPreviewBuffer()函数，调用_reader对二值化后的图像进行解码，若result非空，则表示解码成功，结果存放在result.Text中，可以使用多种方法传递到你应用的其他页面中。

2，Navigate到Barcode页面时，若不带querystring参数，则默认使用EAN13Reader进行一维条码识别。若带type=qrcode，则使用QRCodeReader进行二维条码识别。

四、体验

总体上，该实例的条码扫描过程，速度是比较快的。但是在扫描过程需要反复对焦，在光线等条件不好时，速度相对较慢。为了更好的体验，条码扫描过程需要增加一些辅助功能，例如在取景页面上显示一个指示框，初始是红色，读取成功后变为绿色；读取成功后，停止取景，获取当前的一张图片进行显示，防止直接切换至结构页面有些突兀。例子中这些内容实现的不好，仅仅是作为例子，多种可能，由你来完成了。

五、实例代码

实例代码存放在github，地址：https://github.com/gzb1985/WP7BarcodeScannerExample，欢迎批评指正，真诚希望能对大家有所帮助。

六、引用

[1]：ZXing, http://code.google.com/p/zxing/

[2]：Silverlight ZXing，Windows Phone 7 Silverlight ZXing Barcode Scanning Library， http://silverlightzxing.codeplex.com/

[3]：Stephanie Hertrich，WP7 : Real-time video scan a barcode/QR code in your app using ZXing lib，http://blogs.msdn.com/b/stephe/archive/2011/11/07/wp7-real-time-video-scan-a-barcode-qr-code-in-your-app-using-zxing-lib.aspx

[4]：Matt Stroshane，Using Cameras in Your Windows Phone Application，http://msdn.microsoft.com/en-us/magazine/hh708750.aspx

[5]：QR code scanning on Windows Phone 7.5 using ZXlib，http://jonas.follesoe.no/2011/07/22/qr-code-scanning-on-windows-phone-75-using-zxlib/