zxing escáner de código de barras en un div fijo en la aplicación para Android phonegap

Question

He añadido zxing código de barras complemento del escáner con éxito en mi aplicación Android phonegap aquí está el código js donde en la página show soy capaz de ver la pantalla del escáner de 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í es código de la página HTML 5

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, al abrir la página en primer lugar Cargar HTML pero en segunda pantalla entera está cubierta de ventana del escáner de código de barras que quiero arreglar esto escanear área en un DIV 'scanarea'. Pero no sé cómo solucionarlo en cierta área de div y en el botón clic escaneo realizará y leerá el código de barras.

ventana de análisis

página HTML

necesidad de mostrar como esta pantalla de exploración

Answer 1

El código de barras se implementa como actividad de Android que oculta vista web de PhoneGap por completo. Si desea personalizar esta pantalla, es posible que desee cambiar su layout file de alguna manera.

Supongo que su botón "Enfocar y escanear" debería desencadenar un escaneo manual (el valor predeterminado es reconocer el primer código de barras, creo) - por lo tanto, tendrá que cambiar el activity implementation para incluir un controlador para ese botón.

Vea también Simon Mac Donald's blog (parece que está desarrollando el complemento de escaneo de código de barras en Android) y this answer (que es exactamente lo que escribí arriba, complemento: P).