Перейти к основному содержимому

Штрих-код

Виджет Штрих-код используется для встраивания информации в последовательность линий и узоров. Данные внутри штрих-кода можно легко извлечь при помощи сканера, приложения такого как Google Lens (Android), Apple Camera (iOS) или вашего собственного приложения, созданного с использованием FlutterFlow.

Обычно он используется для быстрого и точного извлечения информации о продукте. Например, вы можете отслеживать инвентарь/книги (например, цену, описание, местоположение и т. д.), обмениваться URL-адресом веб-сайта/приложения, быстрого процесса приветствия и т. д.

img_4.png

Добавление виджета Штрих-кода​

Чтобы добавить виджет Штрих-кода в ваше приложение:

  1. Сначала щелкните на + Добавить виджет, перетащите виджет Штрих-код из вкладки Базовые элементы или добавьте его непосредственно из дерева виджетов.

  2. По умолчанию штрих-код отображается линейным образом, называемым 1D Штрих-код (т. е. последовательность линий и пробелов различной ширины). Чтобы отобразить штрих-код в матричной форме, например, QR-код, перейдите в панель свойств и установите Размеры Штрих-кода на 2D Штрих-код.

  3. Теперь вам нужно определить тип информации, который вы хотите встроить, и выбрать Тип Штрих-кода. Параметры типов штрих-кодов доступны на основе Размеров Штрих-кода, выбранных на предыдущем шаге. Например, чтобы пометить розничные товары (т. е. 12-значный числовой номер), вы можете установить его как UPC-A или UPC-E, а для встраивания URL-адреса - как QR-код. Если вы не уверены, какой тип выбрать, здесь есть руководство для помощи.

  4. Наконец, вы можете ввести данные/информацию в свойство Значение Штрих-кода. Вы также можете щелкнуть Установить из переменной, чтобы установить его на основе значения из состояния приложения, вашего бэкэнда или любого другого источника.

Настройка​

Вы можете настроить внешний вид и поведение этого виджета, используя различные свойства, доступные в Панели свойств.

Изменение размера​

Чтобы изменить размер виджета Штрих-кода, выберите виджет Штрих-код, перейдите в панель свойств, найдите свойства Ширина и Высота и введите значения.

Изменение цвета​

Чтобы изменить цвета штрих-кода, выберите виджет Штрих-код, перейдите в панель свойств и измените цвета для следующих свойств:

  • Цвет переднего плана: Это устанавливает цвет линии или узора.
  • Цвет фона: Это устанавливает цвет фона за линией или узором.

Показать текст штрих-кода​

Вы также можете отображать фактические данные под штрих-кодом, включив свойство Показать текст.

Примечание

Эта опция доступна только при использовании 1D Штрих-кода.

Сканирование Штрих-кода / QR-кода [Действие]​

Используя это Действие, вы открываете интерфейс штрих-кода или QR-кода и сканируете код с помощью камеры устройства.

Следуйте нижеприведенным шагам, чтобы определить Действие Сканирования для любого виджета.

  1. Выберите Действия из панели свойств (правое меню)
  2. Нажмите кнопку + Добавить Действие
  3. Выберите жест из выпадающего списка между При касании, При двойном щелчке или При длительном нажатии
  4. Выберите Тип Действия как Сканировать Штрих-код/QR-код.
  5. Если отметить флажок Режим Штрих-кода, то интерфейс будет выглядеть как сканер штрих-кода. В противном случае интерфейс будет выглядеть как сканер QR-кода.
  6. Текст кнопки Отмена по умолчанию будет Отмена, но вы можете указать другой текст, если хотите.
  7. В поле Имя переменной вывода вы можете указать имя переменной, куда будет сохранен отсканированный текст, и затем вы сможете получить к нему доступ через меню Установить из переменной > Выводы Действий > [Имя переменной вывода].