zxing scanner di codici a barre in un div fisso in android app phonegap

Question

Ho aggiunto con successo il plugin per scanner di codici a barre zxing nella mia app android phonegap qui è il codice js dove sulla pagina mostra che sono in grado di vedere lo schermo del lettore di codici a barre.

$('#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); 
    }); 

}); 

qui è il codice delle pagine 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 --> 

Ma come funziona, quando apro la pagina in primo luogo caricare html, ma nel secondo schermo intero è coperto con finestra dello scanner di codici a barre che voglio risolvere questo problema area di scansione in una "scanarea" DIV. Ma non so come aggiustarlo in certe aree div e in caso di scansione con clic del pulsante eseguirai e leggerai il codice a barre.

finestra di scansione

pagina html

necessità di mostrare come questa schermata di scansione

Answer 1

Il codice a barre è implementato come attività di Android, che nasconde completamente vista web di PhoneGap. Se si desidera personalizzare questa schermata, è possibile cambiare il suo layout file in qualche modo.

Suppongo che il pulsante "Messa a fuoco e scansione" debba attivare una scansione manuale (l'impostazione predefinita è riconoscere il primo codice a barre, credo), pertanto potrebbe essere necessario modificare activity implementation per includere un gestore per tale pulsante.

Vedere anche (sembra che stia sviluppando il plug-in di scansione del codice a barre su Android) e this answer (che è esattamente ciò che ho scritto sopra, snap: P).