zxingバーコードスキャナーを携帯電話の固定ディビジョンに入れてください

Question

私はアンドロイドのphonegapアプリにzxing barcode scanner pluginを追加しました。ここにjsコードがあります。ページ上にどこにバーコードスキャナーの画面が見えますか？ここ

$('#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のロードが、第2画面全体にバーコードスキャナウィンドウで覆われていますDIV 'scanarea'内のスキャンエリア。しかし、特定のdiv領域でそれを修正する方法がわからず、ボタンクリックスキャンではバーコードが実行され、読み取られます。

スキャンウィンドウ

htmlページ

この

Answer 1

のように表示する必要がバーコードスキャン画面が完全にPhoneGapののWebビューを隠しAndroidのアクティビティとして実装されています。この画面をカスタマイズしたい場合は、何とかlayout fileを変更することができます。

私はあなたのボタン「フォーカスとスキャン」が手動スキャンを引き起こすはずだと思います（デフォルトでは最初のバーコードを認識すると思います）。そのため、activity implementationにそのボタンのハンドラを含めるように変更する必要があります。

また、Simon Mac Donald's blog（彼はAndroidでバーコードスキャニングプラグインを開発しているようだ）とthis answer（これはまさに私が上記のsnap：Pと書いたものです）を参照してください。