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).

  • ¿Cómo integrar ZXing Library a Android Studio para escanear códigos de barras?
  • Escáner de código de barras ZXing para Webapps
  • Escaneo de código QR desde un archivo de imagen
  • Escanear códigos de barras múltiples con ZXing
  • Biblioteca de escáner de código de barras para android que no sea zxing
  • Problema en la generación de eventos de calendario utilizando zxing
  • Crear / Generar código de barras usando Zxing en Android
  • ¿Cómo forzar el uso de zxing lib con sólo mi aplicación?
  • Cámara Zxing en modo vertical en Android
  • Android: El código QR generado que usa Zxing tiene márgenes (no es apropiado para el área)
  • ZXing Lector de código de barras: ¿Cómo hacer frontera personalizada alrededor de la pantalla de captura?
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.