Barcode Scanner Using Xamarin.Forms

Barcode Scanner

For creating a Barcode Scanner, I will use the NuGet package Arc.BarCodes, a cross-platform creator built on top of ZXing.Net.Mobile to allow for easy cross-platform access from Shared/PCL core libraries.

ArcBarCodes install

Now we can set some permissions for Android and Windows to get access to the camera. This is for taking the clear picture of the barcode that we want to scan.

For Android open the AndroidManifest.xml and select CAMERA from the Required Permissions.

camera

Now open WMAppManifest.xml for setting permissions to Windows Phone then selectID_CAP_ISV_CAMERA from Capabilities.

mark

Now we want to initialize the corresponding NuGet package in each platform-specific startup classes. For example, AppDelegate.cs for iOS, MainActivity.cs for Android and MainPage.xaml.cs for Windows Phone by calling global::Acr.BarCodes.BarCodes.Init(); before calling LoadApplication(); 

Now create a button on the page for the Barcode Scanner. Write the following code in the click event of the button so that we can scan the barcode on that button click.

  1. Button scanBtn = new Button   
  2. {  
  3.     Text = "Scan Barcode", HorizontalOptions = LayoutOptions.FillAndExpand,  
  4. };  
  5. scanBtn.Clicked += async(sender, args) = >   
  6. {  
  7.     var scanResult = await Acr.BarCodes.BarCodes.Instance.Read();  
  8.     if (!scanResult.Success)   
  9.     {  
  10.         await this.DisplayAlert("Alert ! ", "Sorry ! \n Failed to read the Barcode !", "OK");  
  11.     }   
  12.     else   
  13.     {  
  14.         await this.DisplayAlert("Scan Successful !", String.Format("Barcode Format : {0} \n Barcode Value : {1}", scanResult.Format, scanResult.Code), "OK");  
  15.     }  
  16. };  


Download Source Code from Here...


HAPPY CODING   (-_-)


Popular posts from this blog

Face Detection In Xamarin.Android

Image
First we can create our main layout having a button to take picture using camera and name it as: Main.axml <? xml   version = "1.0"   encoding = "utf-8" ?>    < LinearLayout   xmlns:android = "http://schemas.android.com/apk/res/android"         android:orientation = "vertical"         android:layout_width = "fill_parent"         android:layout_height = "match_parent"         android:padding = "10dip" >         < TextView             android:layout_width = "fill_parent"             android:layout_height = "wrap_content"             android:text = "Click Take a Picture button"             android:gravity = "center_horizontal"             android:layout_weight = "1.0"   />         < Button             android:layout_width = "wrap_content"             android:layout_height = "wrap_content"             an
Read more

Remove Android Action Bar Icon in Xamarin.Forms

Image
In this article we are creating a custom control renderer for Xamarin.Forms allowing developers to override the default native rendering of a Xamarin.Forms control with their own platform-specific code. We have seen many Xamarin related forums having a strong discussion about removing the action bar icon from an Android project in Xamarin.Forms. Many of them suggest making the application icon as transparent by altering the MainActivity.cs in Android project somewhat like the following: [Activity (Label = "Sample Application", Icon = "@android:color/transparent", MainLauncher = true] In this condition no one notices that by altering like this they are making the application icon to be transparent. As a result the application will not show an icon when it is installed on a device. Today we are showing a way to render your page so that you will be able to remove the unwanted action bar icon depending on your needs. Here I'm going to render the Navigat
Read more

Floating Action Button for Xamarin.Android

Image
Floating Action Button for Android Using Xamarin in Visual Studio Android L has introduced something called a Floating Action Button (FAB), which is basically a circle overlayed on top your application. This FAB can be clicked to do an action.  Floating action buttons are used for a promoted action. They are distinguished by a circled icon floating above the UI and have motion behaviors that include morphing, launching, and a transferring anchor point. Floating action buttons come in two sizes: Default size: For most use cases Mini size: Only used to create visual continuity with other screen elements At 2014 Google I/O, Google announced a new visual language called Material Design. Material Design guides creation of user experiences that work well on different devices, with different input methods and on different platforms. Google is gradually implementing Material Design in their apps and products, and we can start playing with it, too. One interesting new design p
Read more