コメント
コメントの投稿
※名前とタイトルが入力されていないコメントでは他のコメントとの区別ができません。
入力されていないコメントには返信しませんのであらかじめご了承くださいませ。
ZXingで画像ファイルの中にあるQRコードを認識してデコードする方法 | Xamarin.Forms
- 2017/09/14
- 20:25
今回は画像の中に表示されているQRコードを認識して文字列を読み取る方法についてご紹介いたします。通常では、印刷されているQR画像をカメラで読み取ってからスキャンしますが、既にカメラで撮られた画像やスナップショットまたはメールで送られてくるファイルなどはスキャンすることができません。
そのような場合にファイルの中のQRコードを認識して読み取ることができれば良いなと思い試してみたところ、ZXingを使用して簡単に実現ができました。
前提条件
・Windows10 Pro 64Bit
・Visual Studio 2015 Community Update3
・Xamarin 4.3.0.795 (NuGet Xamarin.Forms 2.3.4.270)
・macOS Sierra 10.12.4 / Xcode8.3.1 / Xamarin.iOS 10.6.0.10
１．ZXingのインストール
NuGetパッケージマネージャからインストールします。今回は使用しませんが、カメラ機能に関してはNuGetパッケージに不具合もありますので、以前の記事「ZXing が iOS10 で 動作しないバグを修正する方法」をご確認されると良いでしょう。
２．PCLの記述方法
PCLプロジェクトにDependencySerivceから呼び出せるようにインターフェースを実装します。IZxingService.cs
namespace AppName.Services
{
//DependencyServiceから利用する
public interface IZxingService
{
string GetDecodedValue(byte[] image);
}
}
３．Androidの実装方法
Androidプロジェクト内に以下のファイルを記述します。ZxingService.cs
[assembly: Dependency(typeof(ZxingService))]
namespace AppName.Droid.Services
{
public class ZxingService : IZxingService
{
public string GetDecodedValue(byte[] image)
{
if (image == null || image.Length == 0)
{
return String.Empty;
}
ZXing.Result result = null;
try
{
// オプションでサイズを指定してBitmapオブジェクトを生成
BitmapFactory.Options opts = new BitmapFactory.Options();
opts.InSampleSize = 2;
Bitmap bitmap = BitmapFactory.DecodeByteArray(image, 0, image.Length, opts);
//３次元配列で画像のRGBを取得する
byte[] rgbBytes = ImageService.GetRgbBytes(bitmap);
LuminanceSource source = new RGBLuminanceSource(rgbBytes, bitmap.Width, bitmap.Height);
BinaryBitmap bb = new BinaryBitmap(new HybridBinarizer(source));
//QRコードを読み取り
var reader = new MultiFormatReader();
IDictionary<DecodeHintType, object> hints = new Dictionary<DecodeHintType, object>();
hints.Add(ZXing.DecodeHintType.PURE_BARCODE, true);
//hints.Add(ZXing.DecodeHintType.POSSIBLE_FORMATS, new List<BarcodeFormat>() { BarcodeFormat.QR_CODE }); //無くても動作します。
hints.Add(ZXing.DecodeHintType.TRY_HARDER, true);
reader.Hints = hints;
result = reader.decode(bb);
}
catch (Exception ex)
{
// fall thru, it means there is no QR code in image
}
if (result != null)
{
return result.Text;
}
return String.Empty;
}
}
}
ImageService.GetRgbBytesメソッドは前回の記事「画像データからピクセル毎のRGB配列を取得する方法」にてご紹介しております。
４．iOSの実装方法
iOSプロジェクト内に以下のファイルを記述します。ZxingService.cs
using UIKit;
using CoreGraphics;
using ZXing;
using Xamarin.Forms;
[assembly: Dependency(typeof(ZxingService))]
namespace AppName.iOS.Services
{
public class ZxingService : IZxingService
{
public string GetDecodedValue(byte[] image)
{
if (image == null || image.Length == 0)
{
return String.Empty;
}
ZXing.Result result = null;
try
{
//バイト配列からUIImageを取得
var data = NSData.FromArray(image);
var uiimage = UIImage.LoadFromData(data);
//３次元配列で画像のRGBを取得する
byte[] rgbBytes = ImageService.GetRgbBytes(uiimage);
LuminanceSource source = new RGBLuminanceSource(rgbBytes, (int)uiimage.Size.Width, (int)uiimage.Size.Height);
BinaryBitmap bb = new BinaryBitmap(new HybridBinarizer(source));
//QRコードを読み取り
var reader = new MultiFormatReader();
IDictionary<DecodeHintType, object> hints = new Dictionary<DecodeHintType, object>();
hints.Add(ZXing.DecodeHintType.PURE_BARCODE, true);
//hints.Add(ZXing.DecodeHintType.POSSIBLE_FORMATS, new List<BarcodeFormat>() { BarcodeFormat.QR_CODE }); //無くても動作します。
hints.Add(ZXing.DecodeHintType.TRY_HARDER, true);
reader.Hints = hints;
result = reader.decode(bb);
}
catch (Exception ex)
{
// fall thru, it means there is no QR code in image
}
if (result != null)
{
return result.Text;
}
return String.Empty;
}
}
}
ImageService.GetRgbBytesメソッドは前回の記事「画像データからピクセル毎のRGB配列を取得する方法」にてご紹介しております。
５．使用方法
PCLプロジェクトの中の任意のページに記述します。ImageコントロールのImageSourceをバイト配列に変換してからDependencyServiceに受け渡します。
バイト配列に変換する方法は以前の記事「ImageSourceからSystem.IO.Streamに変換する方法」と「System.IO.Streamをバイト配列(Byte[])に変換する方法」をご確認ください。
TestPage.xaml.cs
using AppName.Services;
using Xamarin.Forms;
public class TestPage : ContentPage
{
void OnScanClick(object sender, EventArgs e)
{
byte[] byteArray = null;
if (this.imgPicture.Source.GetType() == typeof(StreamImageSource))
{
//ImageSourceからStreamを取得する
Stream stream = ImgConverter.GetStreamFromImageSource(this.imgPicture.Source);
//Streamをバイト配列に変換する
byteArray = ImgConverter.GetByteArrayFromStream(stream);
//画像からQRデータを読み込む
string result = DependencyService.Get<IZxingService>().GetDecodedValue(byteArray);
}
}
}
最後までお読みいただきありがとうございます。
当ブログの内容をまとめた Xamarin逆引きメニュー は以下のURLからご覧になれます。
https://itblog.dynaspo.com/blog-entry-81.html
- 関連記事
-
- iOSのListViewでSwipeが効かなくなる不具合について (MenuItemを開いたままページ遷移すると再度MenuItemが開かなくなる問題の対処方法) | Xamarin.Forms
- UIActivityを使用して画像やファイルを共有する方法 | Xamarin.iOS
- ZXingで画像ファイルの中にあるQRコードを認識してデコードする方法 | Xamarin.Forms
- 画像データからピクセル毎のRGB配列を取得する方法 | Xamarin.Forms
- 写真や画像データをフォトアルバムに保存する方法 | Xamarin.iOS
