zxing条码扫描仪在固定格在phonegap android应用程序

我已经添加zxing条码扫描器插件成功在我的android phonegap应用程序这里是js代码在页面上显示我能够看到条形码扫描仪屏幕。zxing条码扫描仪在固定格在phonegap android应用程序

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

});

这里是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 -->

，但它是如何工作的，当我打开网页，首先加载HTML，但在第二个整个屏幕上覆盖有条形码扫描器的窗口，我想解决这个问题在DIV'scanarea'中扫描区域。但不知道如何修复它在某些div区域，并在按钮单击扫描将执行并阅读条形码。

扫描窗口 enter image description here

html页面 enter image description here

需要表现出这样的 enter image description here

来源

2012-08-26 Ayesha

条形码扫描屏幕被实现为完全隐藏的PhoneGap的Web视图的Android活动。如果您想自定义此屏幕，您可能需要以某种方式更改其layout file。

我假设你的按钮“焦点和扫描”应该触发一个手动扫描（默认是识别第一个条形码，我认为） - 因此你可能必须更改activity implementation以包含该按钮的处理程序。

另请参见Simon Mac Donald's blog（他似乎在开发Android上的条形码扫描插件）和this answer（这正是我上面写的，snap：P）。

来源

2012-08-26 21:40:01 AndiDog

让我检查一下。非常感谢你 – Ayesha

你能帮忙在处理java扫描这里是我的帖子http://stackoverflow.com/questions/12627100/perform-scanning-manually-on-button-click-for-barcodesacnner-plugin-android- IN-p – Ayesha

zxing条码扫描仪在固定格在phonegap android应用程序

回答

相关问题