前言

很多人覺得Xamarin的開源少，沒法用來開發(fā)項(xiàng)目。

但，實(shí)際上Xamarin已經(jīng)有很多開源代碼了；只要不是特別特殊的項(xiàng)目，基本上是都可以滿足開發(fā)。

下面我們來看一下Xamarin中利用開源代碼ZXing.Net.Mobile進(jìn)行掃碼。

引用ZXing.Net.Mobile

在Xamarin中進(jìn)行掃碼，需要先引用開源代碼ZXing.Net.Mobile。

下面我們先打開Nuget，搜索ZXing.Net.Mobile，如下圖：

然后我們點(diǎn)擊右側(cè)安裝。

接著VisualStudio可能會(huì)提示我們這樣的錯(cuò)誤。

錯(cuò)誤 檢測到 Xamarin.Android.Support.Compat 存在版本沖突。直接從項(xiàng)目引用包可解決此問題。
SalesApp -> Xamarin.Android.Support.Design 25.4.0.2 -> Xamarin.Android.Support.Compat (= 25.4.0.2)
SalesApp -> ZXing.Net.Mobile 2.4.1 -> Xamarin.Android.Support.v4 25.4.0.1 -> Xamarin.Android.Support.Compat (= 25.4.0.1).

這是因?yàn)槲覀冞x擇安裝的ZXing.Net.Mobile依賴的DLL和我們項(xiàng)目的DLL對(duì)應(yīng)不上。

解決辦法很簡單，選擇下右側(cè)ZXing.Net.Mobile的其他版本安裝。

----------------------------------------------------------------------------------------------------

但在VisualStudio2017中有個(gè)非?？拥牡胤?，就是nuget的引用會(huì)將相關(guān)dll都組織成一個(gè)包，然后一起引用，如下圖：

看上去引用更簡潔，按理說應(yīng)該是好事，但這里有個(gè)問題就是，你引用的dll并沒有被下載到本地。

也就是說，如果你網(wǎng)不好，或者斷網(wǎng)，就別想調(diào)試了。

所以最終我還是選擇把相關(guān)dll都下載下來，然后直接引用，相關(guān)dll如下圖：

使用MobileBarcodeScanner掃碼

本項(xiàng)目里，我們使用ZXing.Net.Mobile下的MobileBarcodeScanner類進(jìn)行掃碼。

下面簡單介紹下MobileBarcodeScanner的使用方法。

首先，MobileBarcodeScanner類的實(shí)例需要調(diào)用Scan方法才會(huì)進(jìn)行掃碼。

而Scan方法被調(diào)用后，會(huì)自己打開了一個(gè)Activity。

而這個(gè)被打開的Activity的UI，就是，他對(duì)應(yīng)的axml也是可以被自定義的。

自定義的方法就是Scan方法被調(diào)用前，為MobileBarcodeScanner類的CustomOverlay屬性賦值。

有興趣的同學(xué)可以查看下MobileBarcodeScanner的【源代碼】，更深入的了解一些。

MobileBarcodeScanner的Scan方法有兩個(gè)參數(shù)。

第一個(gè)參數(shù)是當(dāng)前調(diào)用掃碼的Activity，也可以傳Null，傳Null的話，MobileBarcodeScanner類里自己找Context為他賦值。

第二個(gè)參數(shù)是當(dāng)前掃描的配置屬性；為MobileBarcodeScanningOptions類型。

下面我們看調(diào)用代碼。

View zxingOverlay;

MobileBarcodeScanner scanner;

protected override void OnCreate(Bundle savedInstanceState)

{

  base.OnCreate(savedInstanceState);

  SetContentView(Resource.Layout.MainActivity);

  

  Button btnScan = this.FindControl<Button>("btnScan");

  btnScan.Click += (s, e) =>

  { 

    scanner = new MobileBarcodeScanner(); 

    Task t = new Task(AutoScan);

    t.Start();

  }; 

}

async void AutoScan()

{ 

  scanner.UseCustomOverlay = true;

  zxingOverlay = LayoutInflater.FromContext(this).Inflate(Resource.Layout.ZxingOverlay, null); 

  ImageView ivScanning = zxingOverlay.FindViewById<ImageView>(Resource.Id.ivScanning); 

  Button btnCancelScan = zxingOverlay.FindViewById<Button>(Resource.Id.btnCancelScan);

  btnCancelScan.Click += (s, e) =>

  {

    if (scanner != null)

    {

      scanner.Cancel();

    }

  };

 

  zxingOverlay.Measure(MeasureSpecMode.Unspecified.GetHashCode(), MeasureSpecMode.Unspecified.GetHashCode());

  int width = zxingOverlay.MeasuredWidth;

  int height = zxingOverlay.MeasuredHeight; 

 

  // 從上到下的平移動(dòng)畫

  Animation verticalAnimation = new TranslateAnimation(0, 0, 0, height);

  verticalAnimation.Duration = 3000; // 動(dòng)畫持續(xù)時(shí)間

  verticalAnimation.RepeatCount = Animation.Infinite; // 無限循環(huán)

 

  // 播放動(dòng)畫

  ivScanning.Animation = verticalAnimation;

  verticalAnimation.StartNow();

      

  scanner.CustomOverlay = zxingOverlay;

  var mbs = MobileBarcodeScanningOptions.Default;

  mbs.AssumeGS1 = true;

  mbs.AutoRotate = true;

  mbs.DisableAutofocus = false;

  mbs.PureBarcode = false;

  mbs.TryInverted = true;

  mbs.TryHarder = true;

  mbs.UseCode39ExtendedMode = true;

  mbs.UseFrontCameraIfAvailable = false;

  mbs.UseNativeScanning = true;

 

  var result = await scanner.Scan(this, mbs);

  HandleScanResult(result);

 

} 

void HandleScanResult(ZXing.Result result)

{

  if (result != null && !string.IsNullOrEmpty(result.Text))

  {

    if (result.Text != null && result.Text.Trim().Length > 5)

    {

      this.RunOnUi(() => { this.ShowToast(result.Text); });

 

    }

    else

    {

      this.RunOnUi(() => { this.ShowToast("掃描無數(shù)據(jù)"); });

    }

  }

  else

  {

    this.RunOnUi(() => { this.ShowToast("掃描取消"); });

  }

  scanner.Cancel(); 

}

如上代碼所示，我們把項(xiàng)目中寫好的ZxingOverlay.axml賦值給了MobileBarcodeScanner的CustomOverlay屬性。

并且在賦值前，我們?yōu)轫撁鎯?nèi)的btnCancelScan按鈕定義了取消事件；同時(shí)還定義了一個(gè)掃描動(dòng)畫。

因?yàn)槎x動(dòng)畫時(shí)，頁面還沒加載出來，所以要取高度進(jìn)行動(dòng)畫移動(dòng)的話，需要先進(jìn)行下預(yù)測。

代碼中調(diào)用了Measure方法進(jìn)行預(yù)測，然后再取出預(yù)測的高度和寬度MeasuredHeight，MeasuredWidth進(jìn)行動(dòng)畫操作。

----------------------------------------------------------------------------------------------------

最終掃描界面如下圖所示：

到此掃碼使用就介紹完了。

框架代碼已經(jīng)傳到Github上了，歡迎大家下載。Github地址：https://github.com/kiba518/KibaApp

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論