В этом уроке научимся создавать приложение для чтения штрих-кодов и QR-кодов с использованием стандартной библиотеки Mobile Vision API.
Еще с выпуском Google Play services версии 7.8 разработчики добавили интерфейсы Mobile Vision, которые обеспечивают API для обнаружения штрих-кода. Они считывают и декодируют множество различных типов штрих-кодов, быстро, легко и локально.
Классы для обнаружения и анализа штрих-кодов доступны в пространстве имен com.google.android.gms.vision.barcode. Основной рабочей лошадкой является класс BarcodeDetector . Он выполняет обработку объектов Frame и возвращает массив штрих-кодов SparseArray
Тип Barcode представляет собой единый общепризнанный штрих-код и его значение. В случае 1D штрих-кодов, таких как коды UPC , это будет просто номер, который закодирован в штрих-коде. Его значение доступно в поле rawValue, в то время как тип штрих-кода (то есть его кодировку) можно найти в поле format.
Для 2D штрих-кодов, которые содержат структурированные данные, такие как QR-коды — в поле valueFormat устанавливается определенный тип значения, соответствующего полю данных. Так, например, если обнаружен тип URL , то поле valueFormat вернет константу URL, а объект Barcode.UrlBookmark будет содержать значение URL-адреса. Помимо URL-адресов, существует множество различных типов данных, которые QR-код может хранить. Например, почтовый адрес, дату и время события календаря, мероприятие в календаре, информацию контакта, номер телефона, местоположение на карте и другие данные, полный список которых приводится в документации. Ссылки на документацию .
Использование в приложении Mobile Vision API позволяет считывать штрих-коды в любом положении.
Важно отметить, что синтаксический разбор всех штрих-кодов выполняется локально, поэтому вам не нужно использовать соединение с сервером для чтения данных из кода. Например, при считывании линейного штрих-кода PDF-417 , который может вместить до 1 КБ текста, можно сразу же получить всю закодированную в нем информацию.
Итак, для разработки приложения нам понадобится:
Создаем новый проект в Android Studio. При создании выбираем шаблон Empty Activity.
На следующем шаге нужно убедиться, что ваше приложение может использовать службы Google Play, в состав которых входит Mobile Vision API. Для этого нужно обновить файл build.gradle вашего проекта.
В секции зависимостей должны быть такие строки. Обновите Gradle при необходимости.
Compile "com.android.support:appcompat-v7:25.0.0" compile "com.google.android.gms:play-services:9.8.0"
Службы Google Play часто обновляются, и чтобы получить последнюю версию, в Android Studio выберите инструменты > Android > SDK Manager.
Затем найдите строчку для сервисов Google Play и убедитесь, что у вас установлена версия 26 и выше. Если нет — установите компонент.
Теперь создадим пользовательский интерфейс.
В Android Studio выберите папку «res» и откройте ее вложенную папку «layout». Здесь вы увидите «activity_main.xml». Откройте его в редакторе макетов.
Вы можете видеть, что ваш макет содержит текстовое поле
По нажатию на кнопку будет происходить загрузка и обработка изображения штрих-кода, которое будет отображаться в ImageView. После завершения обработки штрих-кода информация, считанная из него, будет отображаться в TextView.
Обычно приложения для считывания штрих-кодов получают изображение с камеры устройства, или обрабатывают превью камеры. Для реализации этого потребуется достаточно много кода, и в конце урока я покажу пример реализации такого приложения. Чтобы упростить этот пример, мы обработаем готовое изображение qr-кода, которое уже присутствует в вашем приложении.
Вот пример изображения qr-кода, которое вы можете скачать отсюда.
Назовите его qr.png и добавьте в папку проекта res/drawable.Android Studio обеспечит доступ к файлу в качестве ресурса с идентификатором: R.drawable.qr
Теперь перейдем к написанию кода приложения.
В файле MainActivity.java в методе onCreate добавьте следующий код.
Button button = (Button) findViewById(R.id.button); btn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { } });
Это настраивает обработчик событий (onClick), срабатывающий когда пользователь нажимает кнопку. Остальной код напишем в методе onClick.
Начнем с загрузки изображения штрих-кода. Сначала находим ImageView по идентификатору. Затем используется BitMapFactory для декодирования ресурса R.drawable.qr в растровое изображение. Полученное растровое изображение передаем ImageView.
ImageView myimageView = (ImageView)findViewById(R.id.imgview); Bitmap myBitmap = BitmapFactory.decodeResource(getApplicationContext().getResources(), R.drawable.qr); myimageView.setImageBitmap(myBitmap);
BarcodeDetector barcodeDetector = new BarcodeDetector.Builder(getApplicationContext()) .setBarcodeFormats(Barcode.DATA_MATRIX | Barcode.QR_CODE) .build();
Вполне возможно, что первый раз наш детектор штрих-код сработает, когда служба Google Play еще не будет готова для обработки штрих-кодов. Поэтому мы должны проверить, что наш детектор работает, прежде чем использовать его. Если нет, нам придется ждать окончания загрузки или сообщить пользователям, что нужно найти подключение к Интернету или освободить место на устройстве. Прежде чем мы обратимся к текстовому полю, нужно объявить и найти его выше в методе onCreate.
TextView txtView = (TextView) findViewById(R.id.txtContent);
Теперь допишем метод вывода сообщения.
If (!barcodeDetector.isOperational()) { txtView.setText("Could not set up the detector!"); }
Теперь, когда наш детектор создан и мы знаем, что он работает, создаем кадр из растрового изображения и передаем его детектору. Тот возвращает нам массив штрих-кодов SparseArray.
Frame frame = new Frame.Builder().setBitmap(myBitmap).build();
SparseArray
Обратите внимание, что Mobile Vision API способен обнаруживать несколько штрих-кодов в одном кадре. В этом случае массив SparseArray
Обычно на этом этапе нужно пробежать по массиву SparseArray и обработать каждый штрих-код отдельно. Нужно предусмотреть возможность, что штрих-кодов может быть несколько, или ни одного. В нашем случае мы знаем, что у нас есть только 1 штрих-код, и можем прописать жесткий код для него. Для этого мы берем штрих-код, называемый «thisCode», который будет первым элементом в массиве. Затем присваиваем значение его поля rawValue текстовому полю textView — и все.
Barcode thisCode = barcodes.valueAt(0); txtView.setText(thisCode.rawValue);
Теперь все, что вам нужно сделать, это запустить приложение.
Запускать лучше на реальном устройстве. На эмуляторе работать не будет, потому что на эмуляторах по умолчанию отсутствует сервис Google Play.
Вот приложение запустилось на устройстве, жмем кнопку. Если вы используете изображение штрих-кода qr.png, вы увидите в текстовом поле данные, закодированные в QR-код — это адрес нашего сайта .
Это был простой пример приложения, демонстрирующий работу Mobile Vision API. Но полноценный сканер штрих-кодов должен получать изображение с камеры устройства, или обрабатывать превью камеры.
Разработчики подготовили пример такого приложения на Github, вы можете скачать его код по ссылке .
Клонируйте или скачайте проект, и откройте в Android Studio модуль barcode-reader.
При запуске приложения из этого проекта мы можем увидеть, как оно работает. Первоначально открывается стартовый экран, на котором можно включить автофокус или вспышку. Кнопка считывания штрих-кода запускает камеру. Приложение отслеживает появление штрих-кодов на превью и рисует рамки на обнаруженных штрих-кодах. При нажатии на область обнаруженного штрих-кода превью закрывается, передавая при этом данные обнаруженного штрих-кода в текстовое поле на стартовом экране. Подробнее смотрите в .
Это приложение также использует Mobile Vision API. Но при рассмотрении проекта в Android Studio можно увидеть, что кода здесь побольше, чем в нашем простом примере.
Приложение состоит из восьми классов. Три из них отвечают за интерфейс и работу с камерой.
Я не буду в рамках этого урока углубляться в более подробное объяснение кода от разработчиков, а оставлю это вам в качестве домашнего задания. Тем более что код прекрасно документирован, каждый класс и метод содержит комментарии на английском языке. Читать и разбираться в таком коде очень полезно, особенно начинающему разработчику.
Двухмерные QR коды (англ. quick response - быстрый отклик) были разработаны в Японии компанией «Denso-Wave» в 1994 году для нужд автомобильной промышленности. Со временем QR-коды получили широкое распространение в самых различных областях благодаря эффективному способу хранения закодированной информации. В качестве самой информации может выступать что угодно: ссылки на сайты, телефонные номера, адреса электронной почты, тексты в несколько тысяч знаков.
Для того, чтобы расшифровать информацию, заложенную в QR-код необходимо его отсканировать и прочитать. С данной задачей успешно справляется большинство современных смартфонов.
Как сканировать QR код
Для сканирования QR кода используются встроенные камеры мобильных устройств. Специальное приложение распознает QR-коды, получает их детальное отображение и расшифровывает заложенную в них информацию.
Рассмотрим решение задачи по сканированию QR-кодов на примере приложений для наиболее популярных платформ смартфонов: iOS для iPhone и Android для мобильных устройств различных производителей.
Приложение для сканирования QR кодов на iPhone
Чтобы наделить iPhone возможностями для работы с QR кодами и производить их сканирование выполните следующие шаги.
Пример сканирования QR кодов на Android
На платформе Android работа с QR кодами ничем принципиально не отличает, от аналогичных действий на iOS.
Разумеется, что рассмотренное нами приложение далеко не единственная программа для сканирования QR кодов на мобильных устройствах. Вы можете сами попробовать другие приложениях и найти среди них наиболее удобный вариант.
Также существуют программы для чтения QR кодов и для персональных компьютеров. Они также могут успешно использоваться для сканирования единичных кодов. Если же вам необходимо работать с большим количеством кодов, то здесь имеет смысл уже задуматься о приобретении специального ручного сканера штрих-кодов, который подключается к компьютеру через USB-порт и обладает значительно лучшим быстродействием.
QR-код (Barcode) – разновидность кодирования, являющаяся дополнительным аналогом штрих-кода. Правда, кодировать таким образом можно всё что пожелаете, и не важно где данный код будет изображён. К примру, считывание данного кода можно осуществить как с обычного бумажного листочка, так и экранного изображения. Quick Response – это, иными словами, тот же штрих-код, только в двухмерном виде. Создателем этого новшества является Denso Wave. Сегодня мы узнаем, для чего предназначен Barcode и как правильно его считать.
Итак, узнаем, как работать с QR-кодом на Android системе. К примеру, вас заинтересовал некий товар, расположенный в магазины. Пользователь наводит на картинку с кодом свой смартфон, с предварительно загруженной утилитой для осуществления сканирования кода. Далее осуществится переход на сайт, закрепленный за производителем данного товара или услуги. Вы сможете узнать подробную информацию о товаре, а точнее: производителе, ассортименте, количестве и т.д.
Также система Quick Response великолепно зарекомендовала себя в сфере путешествий. Теперь вам не потребуется нанимать дорогостоящего экскурсовода. Наведите на QR-код камеру смартфона возле какого-либо произведения искусства и через несколько секунд вы узнаете о нём самую подробную информацию на сегодняшний день. Также широкое применение матричная кодировка нашла и в сфере рекламы. Так, изучая обзорную статью о какой-нибудь услуге, вы можете перейти на официальный сайт представителя, чтобы приобрести тот-же товар или услугу.
Если считывание QR-кода занимает мало времени, то его регистрация займёт несколько минут. Для этого нужно воспользоваться услугами специального генератора. Проще всего создать код через сервис . Сложного в этом нет: выберите, то что требуется зашифровать и поэтапно следуйте инструкции. Когда сервис покажет вам изображение кода, вы сможете сохранить его для дальнейшей работы или скопировать его ссылку. Теперь этим кодом можно делиться со знакомыми и делать все что пожелаете.
Для того чтобы считать QR-код, вам прежде всего понадобится мобильный телефон со встроенной фотокамерой. Однако только его недостаточно – необходимо, чтобы на устройстве был установлен QR reader – специальная программа, предназначенная для расшифровки двоичных кодов. Этих программ – огромное множество, и их выбор зависит от нескольких критериев. Прежде всего, необходимо ориентироваться на тип операционной системы, поддерживаемой Вашим устройством. На сегодняшний день декодирующие программы разработаны для большинства телефонных «операционок» – есть специальное обеспечение и для Mobile MAC OS X, и для Windows Mobile, и для Google Аndroid, а также для Symbian и BlackBerry; существуют и отдельные программы, приспособленные для компьютерных версий Apple, Linux и Windows.
Выбирая программу, способную производить считывание QR-кода, следует учитывать и модель мобильного устройства, на которое ее предстоит установить. Также имейте в виду, что «ридеры» могут различаться наличием дополнительных функций. Отдельное внимание следует обратить на то, поддерживает ли конкретная программа для расшифровки QR-кода Unicode – это бывает не всегда.
Когда программа установлена, можно осуществлять чтение QR-кода. Процесс этот не представляет сложности даже для того, кто делает это в первый раз – необходимо лишь соблюсти пошаговую инструкцию:
Для того чтобы успешно расшифровать QR-код, соблюдайте следующие правила:
Как только сканирование завершено, на экран устройства будет выведено предложение совершить какое-либо действие, зашифрованное в QR-коде – это может быть отправка sms или email, переход по ссылке, команда совершить звонок, сохранить контактные данные, опубликовать что-либо в социальной сети и т.п.
Операционная система | Модели телефонов | Программы для распознавания | |
Windows Mobile | Все современные модели HTC, Asus, Acer | ||
Mobile Mac OS X | Модели: Apple iPhone, Apple iPhone 3G | ||
Mobile Java | Все телефоны, поддерживающие Java | ||
Android | Все современные модели Android | ||
Symbian OS V9 | Модели: Nokia 3250, Nokia 5500, Sport Nokia E50, Nokia E5, Nokia E60, Nokia E61, Nokia E61i, Nokia E62, Nokia E65, Nokia E70, Nokia N71, Nokia N73, Nokia N75, Nokia N77, Nokia N80, Nokia N91, Nokia N91 8GB, Nokia N92, Nokia N93, Nokia N93i, Samsung SGH-i570 |
Удобная бесплатная программа для считывания и создания QR-кодов (штрихкодов). Приложение позволяет считывать информацию QR-кода из графического файла, с экрана монитора и с веб-камеры.
Программа CodeTwo QR Code Desktop Reader это очень удобное приложение, которое позволит Вам без использования специальных устройств получить всю зашифрованную информацию в штрихкоде формата QR-code.
Данный стандарт хранения данных давно завоевал популярность в различных сферах промышленности, торговли, транспорта и многих других. Он представляет собой матричный код (двумерный штрихкод) зашифрованный в графическом изображении небольшого размера. В такой картинке может содержаться текстовая информация достаточно существенного объема.
Для загрузки в программу изображения с QR-кодом использовать различные типы источников и методы.
Этот инструмент позволяет выделить с помощью курсора мыши определенную рабочую область экрана с изображением, в котором содержится QR-code. Например, если Вам необходимо раскодировать информацию со штрихкода размещенного на веб-странице.
Для этого необходимо сфокусировать подключенную к компьютеру камеру на графическом изображении штрихкода.
С помощью проводника Windows указать на нужный файл цифрового изображения с зашифрованной QR-информацией. Поддерживаются BMP, JPG, TIFF, GIF и PNG форматы.
Программа распознает QR-данные из файла, который в данный момент находиться в буфере обмена.
Программа CodeTwo QR Code Desktop Reader является не только инструментом для считывания QR-code, а также способна сама генерировать зашифрованный графический штрихкод из Ваших данных. Для этого нужно воспользоваться соответствующим пунктом главного меню приложения "Режим Генератор (Generator mode on)". В окне для ввода текста "QR code text" набрать необходимую информацию и сохранить получившееся изображение в один из форматов графических файлов "Save as".
Максимальный объем современного стандарта кодирования QR-code вмещает: