Xamarin forms Barcode Scanner

Question

I couldn't find any working source of Xamarin forms barcode scanner. Is there any working sample of Xamarin forms barcode scanner using zxing library?

Answer 1

You can try the code below. Add the zxing library/component to all the projects in the solution

public class Home : ContentPage
{
    string message = "";
    public Home()
    {
        //Intialize the button
        Button btnScan = new Button
        {
            Text = "Start Scan",
            BackgroundColor = Color.FromRgb(207, 197, 159),
            TextColor = Color.White,
            BorderRadius = 5,
            TranslationY = 120
        };
        //Attach the click event
        btnScan.Clicked += btnScan_Clicked;

        this.Content = new StackLayout
        {
            BackgroundColor = Color.FromRgb(150, 172, 135),
            Spacing = 10,
            Padding = 25,
            Children =
            {
                btnScan
            }
        };
    }

    async void btnScan_Clicked(object sender, EventArgs e)
    {
        var scanner = new MobileBarcodeScanner();
        scanner.TopText = "Hold the camera up to the barcode\nAbout 6 inches away";
        scanner.BottomText = "Wait for the barcode to automatically scan!";

        //This will start scanning
        ZXing.Result result = await scanner.Scan();

        //Show the result returned.
        HandleResult(result);
    }

    void HandleResult(ZXing.Result result)
    {
        var msg = "No Barcode!";
        if (result != null)
        {
            msg = "Barcode: " + result.Text + " (" + result.BarcodeFormat + ")";
        }

        DisplayAlert("", msg, "Ok");
    }
}

Answer 2

You can use ZXing.Net.Mobile.Forms. But you attention.

1. ZXing.Net.Mobile.Forms current version is 2.4.1. I used this version and build failed on Xamarin.Forms.Android project. => Crash App.

   => I used version 2.3.2. It working fine.

2. In Android project file MainActivity.cs, you add following code:

   public override void OnRequestPermissionsResult(int requestCode, string[] permissions, Permission[] grantResults)
   {
       global::ZXing.Net.Mobile.Forms.Android.PermissionsHandler.OnRequestPermissionsResult(requestCode, permissions, grantResults);
   }
   

   It seems, the tutorial code on here is incorrect

3. Call scanner:

   private async void BtnScan_OnClicked(object sender, EventArgs e)
   {
       ZXingScannerPage scanPage = new ZXingScannerPage();
       scanPage.OnScanResult += (result) =>
       {
           scanPage.IsScanning = false;
           Device.BeginInvokeOnMainThread(() =>
           {
               Navigation.PopAsync();
               EtInputCode.Text = "Code: " + result.Text;
           });
       };
       await Navigation.PushAsync(scanPage);
   }
   

Answer 3

You can use ZXing.Net.Mobile nuget. The library is available in github in the following URL https://github.com/Redth/ZXing.Net.Mobile. You'll find a usage documentation in the first page. But I'll explain it brievelly in 3 steps as follows :

1. Add the nuget to your project

2. Create a ContentPage. In the xaml side, create a button or an image button. In the following exemple, I'm using like an image button like this :

   <ImageButton  x:Name="ScanButton"  Source="scannimage.png"  />
   

3. In the code bind, put the following code in the constructor or in the OnAppearing() method:

   ScanButton.Clicked += async (sender, e) =>
   {
       var scanner = new ZXing.Mobile.MobileBarcodeScanner();
       var result = await scanner.Scan();
   
       if (result != null)
       {
           await DisplayAlert("Code barre", "Scanned Barcode: " + result.Text, "Ok");
       }
   };
   

Answer 4

It is pretty straight forward,

var scanner = new MobileBarcodeScanner();
var result = await scanner.Scan();

if(result == null) 
   return;

results.Text = result.Text;

Here is a working sample of XamarinForms scanning Bar and QR codes using XZing library.

Sample code: https://github.com/hnabbasi/CheckInator

Demo: https://www.youtube.com/watch?v=OdPinaBLbvE