zxing barcode scanner in einem festen div in phonegap android app

Question

ich habe zxing barcode scanner plugin erfolgreich in meinem android phonegap app hier ist js code wo auf der seite zeigen, ich bin in der lage, barcode scanner screen zu sehen.

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

}); 

hier ist html5 Seitencode

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

ABER wie es funktioniert, wenn ich die Seite zunächst laden html öffnen, aber in der zweiten ganzen Bildschirm mit Barcode-Scannerfenster abgedeckt Ich möchte dieses Problem zu beheben Scanbereich in einem DIV 'scanarea'. Aber ich weiß nicht, wie man es in bestimmten div-Bereich reparieren kann und per Knopfdruck wird der Barcode ausgeführt und gelesen.

Scanfenster

HTML-Seite

Notwendigkeit zu zeigen, wie diese

Answer 1

Der Barcode-Scanning-Bildschirm wird als Android-Aktivität implementiert, die vollständig Web-Ansicht des PhoneGap versteckt. Wenn Sie diesen Bildschirm anpassen möchten, möchten Sie möglicherweise seine layout file irgendwie ändern.

Ich nehme an, dass Ihre Schaltfläche "Fokus und Scan" einen manuellen Scan auslösen sollte (die Standardeinstellung ist, den ersten Barcode zu erkennen, denke ich) - daher müssen Sie möglicherweise die activity implementation ändern, um einen Handler für diese Schaltfläche aufzunehmen.

Siehe auch Simon Mac Donald's blog (er scheint das Barcode-Scan-Plugin auf Android zu entwickeln) und this answer (das ist genau das, was ich oben geschrieben habe, snap: P).