Barcode
Barcode превращает значение в сканируемый штрихкод — линейный или двумерный, включая QR. Отсюда применение: артикулы товаров, складские метки, ссылки, билеты, приглашения.
Полученный код читается камерой телефона или сканером. Сканировать чужие коды прямо в приложении тоже можно — для этого есть действие Scan Barcode / QR Code.
Как добавить
- Перетащите Barcode из раздела Base Elements палитры виджетов.
- В Barcode Dimensions выберите 1D Barcode для линейных форматов или 2D Barcode для QR Code, PDF417, Data Matrix, Aztec и RM4SCC.
- Выберите Barcode Type — набор зависит от выбранной размерности, описание каждого см. в форматах.
- В Barcode Value введите данные для кодирования или возьмите их из переменной через Set from Variable.
Значение должно соответствовать формату: UPC принимает только числа определённой длины, а в QR можно положить произвольный текст или ссылку. Несовпадение формата и значения — самая частая причина, по которой код не рисуется.
Форматы
При 1D Barcode доступны такие типы:
| Формат | Где применяется |
|---|---|
| ITF-16 | 16-значные числовые коды на упаковке и в дистрибуции |
| ITF-14 | короба и транспортная тара, 14-значный GTIN |
| EAN 13 | международная маркировка розничных товаров, 13 цифр |
| EAN 8 | укороченный восьмизначный код для мелкой упаковки |
| EAN 5 | пятизначное дополнение, обычно цена книги |
| EAN 2 | двузначное дополнение, обычно номер выпуска журнала |
| ISBN | международный номер книжного издания |
| Code 39 | заглавные буквы, цифры и несколько символов |
| Code 93 | более плотная и надёжная замена Code 39 |
| UPC-A | розничная маркировка в Северной Америке, 12 цифр |
| UPC-E | сокращённый UPC-A для мелкой упаковки |
| Code 128 | буквы, цифры и символы в компактном виде |
| GS1-128 | данные цепочки поставок: товар, партия, срок годности |
| Telepen | числа или ASCII; склады и библиотечные системы |
| Codabar | цифры и несколько символов; библиотеки, банки крови, логистика |
| Interleaved 2 of 5 (ITF) | пары цифр на складских и упаковочных этикетках |
При 2D Barcode — такие:
| Формат | Где применяется |
|---|---|
| RM4SCC | почтовая маршрутизация Royal Mail; во FlutterFlow лежит в разделе 2D Barcode |
| QR-Code | текст, ссылки, контакты — всё, что нужно быстро отсканировать |
| PDF417 | большие объёмы данных: удостоверения, билеты, транспортные документы |
| Data Matrix | компактный квадратный код для мелких деталей и промышленной маркировки |
| Aztec | компактный код, которому не нужны пустые поля вокруг |
Оформление
Выделите Barcode и откройте панель свойств:
- Width и Height — размеры виджета.
- Foreground Color — цвет линий или рисунка кода.
- Background Color — цвет подложки.
- Show Text — показывать закодированное значение под линейным кодом. Для двумерных форматов настройка недоступна.
Действие Scan Barcode / QR Code
Действие Scan Barcode / QR Code открывает камеру, даёт отсканировать код и возвращает его значение в приложение.
Как настроить:
- Выделите виджет, с которого запускается сканирование, и откройте Action Flow Editor.
- Добавьте действие Scan Barcode / QR Code на нужный триггер.
- Включите Barcode Mode, чтобы показать рамку под линейный код; выключенная настройка даёт рамку под QR.
- При необходимости смените Cancel Button Text — по умолчанию там Cancel.
- В Output Variable Name задайте имя переменной с результатом. Дальше её берут в Set from Variable > Action Outputs.