Релиз Simple UI май 2021: плиточные экраны, плиточное главное меню, картинки из кеша, новое взаимодействие с ТСД и т.д.

17.05.21

Разработка - Мобильная разработка

В релизе Simple UI 5.75.00 добавлен новый вид интерфейса – «плитки» и возможность переопределения стартового экрана, а также другие нововведения. Также важное нововведение - новый режим взаимодействия с некоторыми моделями ТСД - через подписку на сообщения. Дополнение к основной статье: https://infostart.ru/public/1153616/

Плитки в экранах


В контейнерах можно выводить плитки. Принцип такой же как например со «списком карточек» или «таблицей» - т.е. переменная с JSON определяющая одновременно внешний вид и данные. Собственно это и есть список карточек, но с более широкими возможностями, а именно:


1)    На плитку можно вывести все что угодно в любом расположении – надписи, графику,  диаграммы . Выводится содержимое контейнера-шаблона. Т.е. в элементе плитки просто указывается шаблон структуры (экран с контейнером который добавлен в операцию) и данные плитки – переменные. А также цвет плитки (и цвет фона под плитками)

Вот так задается JSON плиток. В каждой плитке определяется шаблон (экран с контейнером), данные которые идут в переменные и цвет. Принцип с контейнером - шаблоном аналогичен определению диалога. В демо базе есть отдельная конфигурация с примерами. Вот пример JSON для заполнения:

 

 

2)    Плиток в ряду может быть сколько угодно: плитки — это «массив массивов» (массив строк, в каждой строке массив плиток в ряду).  Т.е. указав в массиве 2 элемента с плитками на экране выведется 2 плитки.

От количества элементов в ряду зависит размер плитки:

Если плиток  от 2 до 3 в ряду, то размер такой:

 


Если плиток от 4х и более, то размер такой

 


Если плитка одна в ряду, то размер минимальный – такой как в п.1 , но не ограничен – далее плитка может растягиваться, если добавлять информацию. Она растягивается бесконечно.


 

3)    При нажатии на плитку будет запущен процесс, указанный в плитке в поле start_process либо экран текущего процесса в поле start_screen. Вообще плиточный экран по умолчанию воспринимается как некое меню для запуска процессов – т.е. при нажатии должен стартовать процесс, а при завершении процесса возвращаться на меню. Для этого нужно указывать start_process в плитке. Но также можно использовать его для как шаг процесса как например используется таблица или список плиток – для запуска экрана с закрытием текущего шага. Для этого используется start_screen


Плиточное главное меню

 


Можно переопределить основное меню приложения и сделать плиточный интерфейс. Он не только более эстетичный, но и более информативный - на нем можно выводить например текущие задачи, количество заказов и другую информацию, которая может поступать из фоновых обработчиков или обработчиков по расписанию. То есть обновляться в фоне. 

 


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

Обновление информации на плитках меню

Также информацию на плитках можно обновлять из фона. Например можно задать в обработчике по расписанию «По расписанию Python»  периодическое обновление переменной плиток, а чтобы новые данные отрисовались использовать команду «UpdateMenu»


Картинки из кэша

 


Передавать картинки через base64 можно, но это довольно затратная операция, а некоторые элементы интерфейса повторяются по многу раз (например список плиток с одинаковой картинкой). Поэтому для повышения производительности а также для удобства работы добавлена возможность передавать картинки вместе с конфигурацией. Т.е. картинки, которые нужно использовать в конфигурации в целом перечисляются на закладке «Медиаресурсы» далее при загрузке конфигурации они загружаются на устройство в виде файлов и далее элементы интерфейса уже работают с файлами
Для того чтобы использовать такую картинку нужно указать символ «^» причем можно в явном виде сослаться на ресурс , например ^flame – где “flame” – это имя картинки, а можно в случае с плитками сослаться на переменную, которая укажет на имя картинки. Т.е. шаблон плитки один, а картинки разные. В демо базе так устроен шаблон «Маленькие плитки» в меню.

 

Подписка на события сканера ТСД


Некоторые сканеры ТСД посылают сообщения интенты вида например scan.rcv.message, urovo.rcv.message и т.д. Это прописано в описании или в примерах кода на сайте производителя, иногда в настройках приложения сканера. Можно поставить настройку в приложении для подписки на такие сообщения.


Таким образом события штрихкода будут поступать из фонового процесса, а не через «разрыв клавиатуры» что удобно с точки зрения интерфейса – можно размещать поля ввода на тех экранах где происходит сканирование и они не будут перехватывать штрихкоды (аналогично  это происходит например в режиме подключения Bluetooth через SPP). Кроме того, это позволяет увеличить охват поддерживаемых устройств – не все устройства умеют “wedge as keys» или посылать штрихкод в строку. 

 

Режим «мягкий оффлайн»


Галочка в конфигурации «Автономный режим» теперь выполняет не только информационную роль, а еще указывает приложению что если есть связь то можно скачать конфигурацию онлайн, выполнить какие то действия онлайн, если же связи нет то не прерываться по ошибке а работать со последней локальной версией конфигурации и выполнять обработчики которые может выполнить оффлайн.
Это наиболее гибкий режим. В отличии от например галочки «Самостоятельный режим» в котором приложение жестко пресекает попытки связи с онлайн-сервисами сервера.

 

Прочее


Еще благодаря 33 lab  в демке появилась красивая и удобная работа с «Элементами стилей». Большое спасибо!


А также выражаю благодарность GarickRus за отличное расширение для подсветки синтаксиса в Simple UI - //infostart.ru/public/1433156/.  Очень удобно!

 

Основная статья и демо база тут: //infostart.ru/public/1153616/

Simple UI ТСД события сканера

См. также

"Штрихкод-информер" - мобильный ТСД и прайс-чекер в смартфоне

Мобильная разработка Сканер штрих-кода Терминал сбора данных Управляемые формы Мобильная платформа 1С:Розница 2 1С:Управление нашей фирмой 1.6 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х Управленческий учет Платные (руб)

Сбор заказов, инвентаризация, проверка ценников, просмотр полной информации об остатках и ценах со смартфона Онлайн. Отправка данных со смартфона выполняется либо напрямую в открытую форму документа, отсканировав QR-код, либо в общую корзину учетной системы, не подходя к компьютеру. Кассир или оператор сможет просмотреть список присланных данных и загрузить в любую форму, поддерживающую работу с ТСД. Для работы с мобильным приложением требуется опубликовать HTTP-сервис из поставляемого расширения.

2880 руб.

03.12.2018    54927    139    102    

162

SALE! 25%

Что нам стоит бота построить? Нарисуем - будет жить! Графический конструктор телеграм-ботов/Telegram

Мобильная разработка Мессенджеры и боты Платформа 1С v8.3 Платные (руб)

Теперь создать telegram-бота - элементарно. Достаточно просто нарисовать блок-схему телеграм-бота, и он сразу заработает. Это возможно при использовании Графического конструктора телеграм-ботов. Это единственный конструктор ботов для telegram, чье качество и функционал подтверждены фирмой 1С, есть сертификат 1С:Совместимо. Расширение в интерактивном режиме, с помощью блок-схем, позволяет с минимальными трудозатратами создать телеграм-ботов в любой конфигурации, работающей на платформе «1С:Предприятие 8.3».

13200 9900 руб.

27.12.2021    33684    82    159    

177

"Мобильный ТСД" - инвентаризация и сбор штрихкодов для iOS и Android

Сканер штрих-кода Терминал сбора данных Мобильная разработка Монитор заказов Оптовая торговля Розничная торговля Ценообразование, анализ цен Платформа 1С v8.3 Мобильная платформа 1С:Розница 2 1С:Управление нашей фирмой 1.6 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х Розничная и сетевая торговля (FMCG) Оптовая торговля, дистрибуция, логистика Управленческий учет Платные (руб)

Простой мобильный терминал сбора данных для смартфонов на iOS и Android, не требующий сложных настроек и установки дополнительных программ. Обмен между Вашей 1С и мобильным приложением осуществляется через облачный сервис и расширение конфигурации. Работает с конфигурациями УТ 11, ERP, КА2, Розница 2, Розница 3, УНФ 1.6, УНФ 3.0. Полнофункциональный демо-доступ для своей конфигурации можно запросить в настройках мобильного приложения - все необходимое придет на почту автоматически.

2000 руб.

22.04.2019    92226    519    186    

296

Магазин 15 - приемка товара по штрихкодам или инвентаризация в торговом зале

Логистика, склад и ТМЦ Мобильная разработка Платформа 1С v8.3 1С:Комплексная автоматизация 1.х 1С:Розница 2 1С:Управление нашей фирмой 1.6 1С:ERP Управление предприятием 2 1С:Комплексная автоматизация 2.х 1С:Управление нашей фирмой 3.0 1С:Розница 3.0 Розничная и сетевая торговля (FMCG) Россия Платные (руб)

Специализированное программное обеспечение для мобильных устройств со встроенным сканером штрихкодов. Позволяет быстро автоматизировать, оптимизировать рабочие места и бизнес процессы по учету товара в магазине. Например, приемку товара по штрихкодам или инвентаризацию прямо в торговом зале.

12950 руб.

30.05.2023    3441    2    0    

4

Работа с графикой в браузере (SimpleWEB). Векторный редактор

Мобильная разработка WEB-интеграция Мобильная платформа Абонемент ($m)

В SimpleWEB добавились средства для работы с графикой и отслеживание событий мыши, в онлайн редактор https://seditor.ru:1555/ добавился «Векторный редактор» на этом API. Теперь можно нарисовать схемы складов на ПК, сделать карты (*.sug-файлы) для мобильной платформы SimpleUI, выводить данные из 1С в графическом виде. Таким образом, API для работы с векторными файлами теперь есть и в веб- и в мобильной платформе, а также средства для создания и редактирования векторных файлов есть тоже в обеих платформах.

1 стартмани

20.03.2024    1577    0    informa1555    1    

40

Зачем нам 1С:Элемент

Мобильная разработка Языки и среды Бесплатно (free)

Flutter может быть использован с 1С:Предприятием для разработки кроссплатформенных мобильных приложений, обеспечивая единый интерфейс и функциональность на устройствах под управлением iOS и Android. Это позволяет создавать приложения с высокой производительностью благодаря использованию собственного движка рендеринга Flutter. Интеграция Flutter с 1С:Предприятием позволяет создавать мобильные приложения любого уровня сложности, интегрировать их в корпоративные информационные системы, а также реализовывать бизнес-логику

19.03.2024    8702    ROk_dev    67    

40

JavaScript в Simple

Мобильная разработка Бесплатно (free)

В SimpleUI и SimpleWEB, наряду с обработчиками на python и онлайн (1С и т.д.) добавляется интерпретатор JavaScript. В андроид платформе он скорее играет на поле python, т.к. является оффлайновым решением для самостоятельной обработки и расширяет аудиторию разработчиков для разработки самостоятельных решений. Дополнение к основной статье https://infostart.ru/1c/tools/1153616/

12.02.2024    1678    informa1555    0    

25
Оставьте свое сообщение