skaner kodów kreskowych zxing w fixed div w phonegap android app

Question

Dodałem plugin skanera kodów kreskowych ZXing pomyślnie w mojej aplikacji Android phonegap tutaj jest kod js, gdzie na stronie pokaż jestem w stanie zobaczyć ekran skanera kodów kreskowych.

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

}); 

tutaj jest strona kodowa 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 --> 

ale jak to działa, kiedy otworzyć stronę najpierw załadować html ale w drugiej cały ekran jest pokryty okna skanera kodów kreskowych Chcę to naprawić skanować obszar w DIV "scanarea". Ale nie wiem, jak to naprawić w pewnym obszarze div i na kliknięcie skanowanie będzie wykonać i odczytać kod kreskowy.

okno skanowania

strona html

potrzeba, aby pokazać jak ten ekran skanowania

Answer 1

Kod paskowy jest realizowany jako działalność Android, który ukrywa widok internetową PhoneGap za całkowicie. Jeśli chcesz dostosować ten ekran, możesz jakoś zmienić jego layout file.

Zakładam, że twój przycisk "Ostrość i skanowanie" powinien uruchomić skanowanie ręczne (domyślnie rozpoznaje się pierwszy kod kreskowy, myślę) - dlatego może być konieczna zmiana activity implementation, aby dołączyć obsługę tego przycisku.

Zobacz także Simon Mac Donald's blog (zdaje się być rozwijanie wtyczki skanowania kodów kreskowych na Androida) i this answer (co jest dokładnie to, co napisałem powyżej, przystawki: P).