máy quét mã vạch zxing trong div cố định trong ứng dụng android phonegap

Question

Tôi đã thêm plugin máy quét mã vạch zxing thành công trong ứng dụng android phonegap của tôi ở đây là mã js nơi trên trang hiển thị tôi có thể xem màn hình máy quét mã vạch.

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

}); 

đây là trang html5 đang

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

NHƯNG cách thức hoạt động, khi tôi mở trang đầu tiên nạp html nhưng trong toàn bộ màn hình thứ hai được bao phủ với cửa sổ máy quét mã vạch Tôi muốn sửa lỗi này quét khu vực trong một DIV 'scanarea'. Nhưng không biết cách sửa nó trong khu vực div nhất định và khi nhấn nút quét sẽ thực hiện và đọc mã vạch.

quét cửa sổ

trang html

cần phải hiển thị như màn hình quét

Answer 1

Mã vạch này được thực hiện như hoạt động Android mà giấu xem web PhoneGap của hoàn toàn. Nếu bạn muốn tùy chỉnh màn hình này, bạn có thể muốn thay đổi layout file bằng cách nào đó.

Tôi giả định rằng nút "Lấy nét và quét" sẽ kích hoạt quét thủ công (mặc định là nhận dạng mã vạch đầu tiên, tôi nghĩ) - do đó bạn có thể phải thay đổi activity implementation để bao gồm trình xử lý cho nút đó.

Xem thêm Simon Mac Donald's blog (anh ấy dường như đang phát triển plugin quét mã vạch trên Android) và this answer (chính xác là những gì tôi đã viết ở trên, chụp: P).