Escáner de código de barras zxing en una div fija en phonegap android app

He agregado el plugin del explorador del código de barras de zxing con éxito en mi aplicación del phonegap del android aquí es código del js donde en la demostración de la página puedo ver la pantalla del explorador del código de barras.

$('#scanpage').live('pageshow', function (event, ui) { //navigator.notification.alert("Search page"); window.plugins.barcodeScanner.scan( function(result) { //navigator.notification.alert("We got a barcode\n" + "Result: " + result.text + "\n" +"Format: " + result.format + "\n" + // "Cancelled: " + result.cancelled); }, function(error) { navigator.notification.alert("Scanning failed: " + error); }); }); 

Aquí está el código de la página html5

 div id="scanpage" data-role="page"> <div data-role="header" class="pageheader"> <div class="height30" style="padding-right:2%;"> <div class="back" style="margin-right:2%;"><a href="#homepage">Back</a></div> <div class="logo2" ><a href="#" ><img src="images/scan.png" style="padding-top:12px;" alt="Scan Code" /></a> </div> </div> </div> <div data-role="content" class="wrapper" style="width:100%"> <div style="background-color:#000000;" > <div style="height:400px;" id="scanarea"></div> <input name="" type="button" class="button" value="Focus and Scan" data-role="none" /> </div><!-- inner div--> </div> </div> <!-- end SCAN PAGE --> 

PERO cómo funciona, cuando abro la página en primer lugar carga html pero en la segunda pantalla entera se cubre con la ventana del escáner de código de barras Quiero arreglar este área de escaneo en un DIV 'scanarea'. Pero no sé cómo solucionarlo en el área de div determinado y en el botón de exploración de clic se realizará y leer el código de barras.

Ventana de escaneo Introduzca aquí la descripción de la imagen

Página html Introduzca aquí la descripción de la imagen

Necesidad de mostrar como este Introduzca aquí la descripción de la imagen

One Solution collect form web for “Escáner de código de barras zxing en una div fija en phonegap android app”

La pantalla de escaneo de código de barras se implementa como actividad de Android que oculta completamente la vista web de PhoneGap. Si desea personalizar esta pantalla, es posible que desee cambiar su archivo de diseño de alguna manera.

Supongo que su botón "Enfoque y escaneo" debería activar una exploración manual (el valor predeterminado es reconocer el primer código de barras, creo) – por lo tanto, puede que tenga que cambiar la implementación de la actividad para incluir un controlador para ese botón.

Véase también el blog de Simon Mac Donald (que parece estar desarrollando el plugin de escaneo de código de barras en Android) y esta respuesta (que es exactamente lo que escribí arriba, snap: P).

  • Lanzamiento de un fragmento después de ZXing 2.0 QR-Code Scan
  • Lectura de códigos de barras Delphi xe7, evento después de la intención que no desencadena
  • ¿Cómo puedo codificar caracteres usando UTF-8 en un código QR usando el proyecto Zxing?
  • Introducción a ZXing en Android
  • Android / ZXing ya no funciona
  • Alternativa a la biblioteca de lectores QR de zxing para Java / Android?
  • Android: El código QR generado que usa Zxing tiene márgenes (no es apropiado para el área)
  • Android Genera código QR y código de barras usando Zxing
  • Zxing modo retrato de la cámara y el paisaje en Android
  • Uso de zxing Barcode Scanner dentro de una página web
  • Agregar menú a ZXings barcodescanner, y apretar la vista de superficie
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.