сканер штрих-кода zxing в фиксированном div в приложении для Android phonegap

Я успешно добавил плагин сканера штрих-кода zxing в свое приложение для телефонной связи Android, вот код 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, но во втором весь экран покрыт окном сканера штрих-кода, я хочу исправить эту область сканирования в DIV 'scanarea'. Но не знаю, как исправить это в определенной области div, и при нажатии кнопки сканирование будет выполняться и считывать штрих-код.

окно сканирования введите описание изображения здесь

html-страница введите описание изображения здесь

нужно показать вот так введите описание изображения здесь


android cordova zxing jquery-mobile
person Ayesha    schedule 26.08.2012    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Экран сканирования штрих-кода реализован как действие Android, которое полностью скрывает веб-представление PhoneGap. Если вы хотите настроить этот экран, вы можете изменить его файл макета.

Я предполагаю, что ваша кнопка «Сфокусировать и сканировать» должна запускать ручное сканирование (я думаю, по умолчанию распознается первый штрих-код), поэтому вам, возможно, придется изменить реализация действия, чтобы включить для этого обработчик кнопка.

См. Также блог Саймона Мак Дональда (похоже, он разрабатывает плагин для сканирования штрих-кода для Android) и этот ответ (это именно то, что я написал выше, щелчок: P).

person AndiDog    schedule 26.08.2012
comment
позволь мне проверить. Большое спасибо - person Ayesha; 27.08.2012
comment
Не могли бы вы помочь с обработкой java для сканирования вот мой пост stackoverflow.com/questions/12627100/ - person Ayesha; 28.09.2012