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

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

  • Android + biblioteca de escaneo de códigos de barras ZXing - tamaño personalizado y orientación
  • Cómo obtener un error de cámara en la aplicación de código de barras de Zxing
  • Integración de la biblioteca de ZXing directamente en mi aplicación de Android
  • Actualizar sdk tiene NoClassDefFoundError para zxing
  • OnActivityResult Nunca se llama Phonegap Córdoba
  • Cómo utilizar el resultado del escaneo ZXING
  • Cómo reiniciar la cámara de manera eficiente en un fragmento - Barcode Scanner
  • ¿Cómo iniciar una actividad con un Intent y pasar una variable en la nueva actividad?
  • ¿Cómo forzar el uso de zxing lib con sólo mi aplicación?
  • Lectura de códigos de barras Delphi xe7, evento después de la intención que no desencadena
  • Cómo agregar un logotipo al código QR en android
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.