Reading Barcodes in WinRT (Windows Store) using LEADTOOLS WinRT Libraries

Take the following steps to start a project and to add some code that will load an image and read it's barcodes in a Windows Store application using LEADTOOLS WinRT libraries.

  1. Start Visual Studio 2012
  2. Choose File --> New Project from the menu.
  3. In the New Project dialog box, choose JavaScript and Windows Store as the project template, and choose Blank App in the Templates List.
  4. Type the project name as Read Barcodes in the Project Name field, and then click OK. If desired, type a new location for your project or select a directory using the Browse button, and then click OK.

  5. In the Solution Explorer window, right-click on the References folder for the project and select Add Reference... from the context menu. Browse to the <LEADTOOLS_INSTALLDIR>\Bin\WinRT8_1\ folder (depending on your target platform), and select the following .WINMD files:

    • Leadtools.winmd
    • Leadtools.Kernel.winmd
    • Leadtools.Codecs.winmd
    • Leadtools.Codecs.Kernel.winmd
    • Leadtools.Codecs.Bmp.winmd
    • Leadtools.Codecs.Cmp.winmd
    • Leadtools.Codecs.Fax.winmd
    • Leadtools.Codecs.Gif.winmd
    • Leadtools.Codecs.J2k.winmd
    • Leadtools.Codecs.Png.winmd
    • Leadtools.Codecs.Tif.winmd
    • Leadtools.Dicom.winmd
    • Leadtools.Converters.winmd
    • Leadtools.ImageProcessing.Core
    • Leadtools.ImageProcessing.Utilities
    • Leadtools.Barcode
    • Leadtools.Barcode.DatamatrixRead
    • Leadtools.Barcode.OneD
    • Leadtools.Barcode.PdfRead
    • Leadtools.Barcode.QrRead

    Click the Add button and then click OK to add the above references.

  6. Open the default.html file and copy the below html code into the editor:

     

    <!DOCTYPE html>   
<html>   
<head>   
   <meta charset="utf-8" />   
   <title>ReadingBarcodes</title>  
                 
   <!-- WinJS references -->  
   <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />  
   <scriptsrc="//Microsoft.WinJS.1.0/js/base.js"></script>  
   <scriptsrc="//Microsoft.WinJS.1.0/js/ui.js"></script>  
                 
   <!-- OCRImage references -->  
   <link href="/css/default.css"rel="stylesheet"/>  
   <scriptsrc="/js/default.js" ></script>  
                </head>   
                <body>   
  <input id="btnLoadAndReadBarcodes" type="button" value="Load And Read Barcodes" />  
     
  <p id="statusText" ></p>  
     
  <textarea id="resultsTextArea" readonly="readonly" style="width: 500px; height: 500px" ></textarea>    
     
                </body>  
                </html>

     

  7. Change to default.js in the Solution Explorer and copy the following code into the file (overwrite all existing code):

     

    // For an introduction to the Blank template, see the following documentation:  
             // http://msdn.microsoft.com/en-us/library/windows/apps/hh758331.aspx   
                 
            (function () { 
               "use strict"; 
                 
               WinJS.Binding.optimizeBindingReferences = true; 
                 
               var app = WinJS.Application; 
               var activation = Windows.ApplicationModel.Activation; 
                 
               app.onactivated = function (args) { 
                  if (args.detail.kind === activation.ActivationKind.launch) { 
                     if (args.detail.previousExecutionState !== activation.ApplicationExecutionState.terminated) { 
                        // TODO: This application has been newly launched. Initialize  
                        // your application here.  
                        document.getElementById("btnLoadAndReadBarcodes").addEventListener("click", ReadBarcodes, false); 
                        Leadtools.RasterSupport.initialize(); // replace this with RasterSupport.SetLicense when you have a valid runtime license.  
                        _barcodeEngine = new Leadtools.Barcode.BarcodeEngine(); 
                     } else { 
                        // TODO: This application has been reactivated from suspension.  
                        // Restore application state here.  
                     } 
                     args.setPromise(WinJS.UI.processAll()); 
                  } 
               }; 
                 
               app.oncheckpoint = function (args) { 
                  // TODO: This application is about to be suspended. Save any state  
                  // that needs to persist across suspensions here. You might use the  
                  // WinJS.Application.sessionState object, which is automatically  
                  // saved and restored across suspension. If you need to complete an  
                  // asynchronous operation before your application is suspended, call  
                  // args.setPromise().  
               }; 
                 
               app.start(); 
                 
               var _barcodeEngine = null; 
                 
               function ReadBarcodes() { 
                  // Create a file picker object  
                  var openPicker = new  Windows.Storage.Pickers.FileOpenPicker(); 
                  openPicker.viewMode = Windows.Storage.Pickers.PickerViewMode.thumbnail; 
                  openPicker.suggestedStartLocation = Windows.Storage.Pickers.PickerLocationId.picturesLibrary; 
                  openPicker.ViewMode = Windows.Storage.Pickers.PickerViewMode.List;  
                 
                  //Add a few supported file types  
                  openPicker.fileTypeFilter.append(".jpg"); 
                  openPicker.fileTypeFilter.append(".jpeg"); 
                  openPicker.fileTypeFilter.append(".jxr"); 
                  openPicker.fileTypeFilter.append(".png"); 
                  openPicker.fileTypeFilter.append(".bmp"); 
                  openPicker.fileTypeFilter.append(".pcx"); 
                  openPicker.fileTypeFilter.append(".tif"); 
                  openPicker.fileTypeFilter.append(".tiff"); 
                  openPicker.fileTypeFilter.append(".j2k"); 
                  openPicker.fileTypeFilter.append(".jbg"); 
                  openPicker.fileTypeFilter.append(".gif"); 
                  openPicker.fileTypeFilter.append(".jls"); 
                  openPicker.fileTypeFilter.append(".jb2"); 
                  openPicker.fileTypeFilter.append(".psd"); 
                  openPicker.fileTypeFilter.append(".dcm"); 
                  openPicker.fileTypeFilter.append(".dic"); 
                  openPicker.fileTypeFilter.append(".pdf"); 
                 
                  // Open the picker for the user to pick a file  
                  openPicker.pickSingleFileAsync().then(function (file) { 
                     if (!file) { 
                        // The picker was dismissed with no selected file  
                        return; 
                     } 
                 
                     document.getElementById('resultsTextArea').value = ""; 
                     // Create a RasterCodecs object to load the file  
                     var codecs = new  Leadtools.Codecs.RasterCodecs(); 
                 
                     document.getElementById('statusText').innerText = "Loading image..." ; 
                 
                     // Create a LEAD stream for the filevar leadStream = Leadtools.LeadStreamFactory.create(file); 
                 
                     // Load it  
                     codecs.options.load.initAlpha = true; 
                     codecs.loadAsync(leadStream, 32, Leadtools.Codecs.CodecsLoadByteOrder.bgr, 1, 1).then(function  (rasterImage) { 
                 
                        var types = new Array(); 
                        types.push(Leadtools.Barcode.BarcodeSymbology.unknown); 
                        //Search the entire image  
                        var rc = Leadtools.LeadRectHelper.create(0, 0, rasterImage.width, rasterImage.height); 
                        //Look for barcodes  
                        document.getElementById('statusText').innerText = "Reading Barcodes..."; 
                        var barcodes = _barcodeEngine.reader.readBarcodes(rasterImage, rc, 0, types); 
                        if (barcodes == null) { 
                           document.getElementById('statusText').innerText = "No barcodes were found."; 
                        } 
                        else { 
                           //Show the results  
                           var results = barcodes.length.toString(); 
                           results += ' barcode(s) found\n'; 
                           results += '\n'; 
                           for (var i = 0; i < barcodes.length; i++) { 
                              var barcode = barcodes[i]; 
                              results += 'Type: ' + barcode.symbology.toString() + '\n'; 
                              results += 'Location: '; 
                              results += Leadtools.LeadRectHelper.left(barcode.bounds) + ', '; 
                              results += Leadtools.LeadRectHelper.top(barcode.bounds) + ', '; 
                              results += Leadtools.LeadRectHelper.right(barcode.bounds) + ', ' ; 
                              results += Leadtools.LeadRectHelper.bottom(barcode.bounds) + '\n'; 
                              results += 'Value: ' + barcode.value + '\n'; 
                              results += 'Data: '; 
                              for (var j = 0; j < barcode.getData().length ; j++) { 
                                 var data = barcode.getData()[j]; 
                                 results += data; 
                              } 
                              results += '\n'; 
                              results += '\n'; 
                           } 
                 
                           document.getElementById('resultsTextArea').value = results; 
                           document.getElementById('statusText').innerText = "Complete"; 
                        } 
                     }, function (e) { 
                        var msg = new Windows.UI.Popups.MessageDialog("Error loading image"); 
                        msg.showAsync(); 
                        document.getElementById('statusText').innerText = "Error loading image"; 
                     }); 
                  }); 
               } 
            })();

     

  8. Build, and Run the program to test it.

  9. Click the Load And Read Barcodes button, and select an image.
  10. NOTE: If you encounter an "Invalid File Format" or "Feature Not Supported" exception, please refer to the topic Invalid File Format/Feature Not Supported.
Products | Support | Contact Us | Copyright Notices
© 1991-2017 LEAD Technologies, Inc. All Rights Reserved.
LEADTOOLS Imaging, Medical, and Document
Introduction
Getting Started
LEADTOOLS Software License Agreement
Files to be Included with your Application
Imaging Features
Document Features
Medical Features
Tutorials
For Beginners
Basic Concepts
OCR
Forms Recognition Processing
WebForms
PDF
Barcode
DocumentWriters
Scanning
Annotations
Virtual Printer Driver
Network Virtual Print Driver
MediaWriters
Distributed Computing (Job Processor)
Medical
3D
Loading and Saving
Color
Ajax
Android
iOS/OS X
Silverlight
WCF
WinRT
For Beginners
Loading and displaying an image in WinRT (Windows Store) ( (Tutorial I)
Loading and displaying an image in WinRT (Windows Store) (Tutorial II)
Loading and displaying images in WinRT JavaScript (Windows Store)
Loading and Saving Images in WinRT (Windows Store)
Reading Barcodes in WinRT (Windows Store)
Zoom In And Zoom Out an Image in WinRT (Windows Store)
Using LEADTOOLS Viewer Controls in Visual Studio for WinRT(Windows Store)
Using LEADTOOLS Viewer Controls in Expression Blend for WinRT (Windows Store)
OCR and Image in WinRT (Windows Store)
Working with Automated Annotations
Working with Custom Annotations in WinRT (Windows Store)
Working with image streams and files in WinRT (Windows Store)
Updating a Gauge and Detecting a User Interrupt
WPF
Support
Version History
Assemblies
Click or drag to resize