Графит. Правщик 1С морд от kuzkov.info. 7. Работа с PNG форматом

Публикация № 1411942 28.03.21

Приемы и методы разработки - Работа с интерфейсом

Прототип набросок приказчик аналитик visio заказчик kuzkov.info Кузьков Графит svg шаблонщик

Седьмая часть очерков о разработке программы Графит, векторного правщика 1С морд от kuzkov.info. Добавлен функционал сохранения схемы в png с возможностью повторной правки сохраненного png файла. Практический пример приложения png картинок к задаче в задачнице Мантис. Тяни-бросай png поле рисования из виндового проводника. Небольшая развлекушка на примере рисования 1С морды с кнопками перехода между экранами.

Приветствую, уважаемое сообщество !

В седьмой части записок о разработке Графита опишем сохранение в png формат. Расскажем о нашем нестандартном применении данного растрового формата картинки для хранения как самой картинки, так и схемы прямо в png картинке. Обоснуем выбор сего формата в дополнение к уже используемому svg формату.

Отступление

В сем очерке будет писание о следующем:
*) Проблематика поиска шаблона svg формата;
*) Добавка в проводник для просмотра шаблона svg формата;
*) Сопряжение png и zip файлов;
*) Тяни-бросай png файлов;
*) Отказ от панели шаблонов;
*) Подкоманда быстрой png записи;
*) Флажок "Сохранять в картинку";
*) Развлекушка рисованием 1С морды с переходами;


История разработки в публикациях

Первая часть: //infostart.ru/public/1331373/
Вторая часть: //infostart.ru/public/1336820/
Третья часть: //infostart.ru/1c/articles/1341861/
Четвертая часть: //infostart.ru/public/1353926/
Пятая часть: //infostart.ru/1c/articles/1380741/
Шестая часть: //infostart.ru/1c/articles/1391443/

Итак, поехали описывать сделанное !

Прошлый очерк закончился на том, что была затронута проблематика предпоказки содержимого svg файла шаблона в виндовом проводнике. Без предпоказа содержимого довольно трудно ориентироваться только на название файла, особенно, если файлов достаточно много. Оглядеть взглядом и выбрать файл картинки гораздо легче, чем вчитываться в каждое имя. Плюс это затраты времени, энергозатраты и прочее. В общем, есть над чем подумать.

Поиск решения для предсмотра svg файла начали в сторону добавок для виндового проводника. В результате хождения по интернету была найдена добавка https://github.com/tibold/svg-explorer-extension, на которую ссылалось несколько людей, тоже решающих сей вопрос. Перекрестившись, сия добавка была скачана и установлена. Содержимое svg файлов стало показываться, но только частично. Обрывки текстов, части фигур и прочее. В общем стало понятно, что сей путь в никуда и добавка была безотлагательно удалена.

После короткого мозгоштурма по структуре файлов растровых картинок и zip файлов было обнаружено, что чтение файлов сих форматов происходит разными алгоритмами (картинка обрабатывается с заголовка, а архив читается с метки).

Соответственно, сие можно использовать для слияния файлов png и zip в один png файл, который успешно отображается как в виндовом проводнике, так и в обозревателе. Получается, что зипованную xml схему с данными можно успешно сопрягать с данными png картинки, сохраняя принцип "Одна схема - Одна картинка - Один файл".

Однако обнаружился нюанс, что в 1С такие картинки в поле "Картинка" не показываются. С учетом сего момента мы в Графите сделали два способа сохранения в png формат: с сохранением схемы внутри png и без схемы (чистая png картинка).

 


[Экроснимок сохранения в png файл со схемой и без схемы. GIF1]

Итак, задача предпоказки шаблона в виндовом проводнике была решена, и можно двигаться дальше.

Тяни-бросай png на поле рисования из виндового проводника

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

Отказ от панели шаблонов

Следующим шагом было переосмысление левой панели шаблонов (описана в четвертом очерке //infostart.ru/public/1353926/).

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

В ходе мозгоштурма по отказу от панели шаблонов было принято решение использовать виндовую иерархию папок. Вот тут работник может сам себе создавать такую структуру иерархии, какая ему будет нужна. В совокупности с предпоказом содержимого в png картинке и тяни-бросаем на поле рисования, такое применение виндовых папок вполне заменяет панель шаблонов.

Для быстрого доступа к избранным папкам с шаблонами, работник может создать простую добавку с путем к нужной папке. Для сего делаем файл с именем Номер.Имя.bat и содержимым для запуска проводника с открытием папки. Данный файл добавки кладем в папку "Добавки" рядом с exe-файлом Графита.

 


[Экроснимок кода запуска проводника к папке. PNG2]

Теперь, при запуске Графита, данная команда будет доступна через подменю "Добавки" и при щелчке на сей подкоманде будет открываться указанная папка. Из открывшейся папки можно перетаскивать шаблоны на поле рисования.

 


[Экроснимок запуска проводника к папке.GIF3]

Подкоманда "Куда-то быстро записать png и путь в буфер"

В подкоманды быстрого сохранения добавлена подкоманда "Куда-то быстро записать png и путь в буфер".
Сия подкоманда создает рядом с exe-файлом Графита папку "Temp" и кладет в нее png файл с именем текущей даты и встроенной схемой. Пример применения описан в шестом очерке (//infostart.ru/1c/articles/1391443/) ближе к концу.
Там файл svg аналогично сохраняется и прикладывается к задаче в задачнице Мантис с повторной правкой и загрузкой.

Флажок "Сохранять в картинку"

По ходу работы над png форматом была написана обвязка для галочки "Сохранять в картинку".

Сия галочка есть у всех элементов, окромя соединителя. Суть сей галочки в следующем, когда выполняется сохранение в png формат, то элемент со снятой галочкой отсутствует в итоговой png картинке.

Аналогично элемент отсутствует при копировании схемы в буфер как картинки. Например, для вставки в беседу в общалке "Скайп" или в сторонний правщик картинок.

 


[Экроснимок записи и копирования в картинку. GIF4]

Развлекушка рисованием 1С морды с кнопками перехода

Ну и в заключении данного очерка небольшая развлекушка рисованием 1С морды с кнопками перехода между экранами "Привет !" и "Пока !".

Нарисовано в Графите, работает в любом обозревателе.

 


[Экроснимок переключения экранов в обозревателе. GIF5]

Для просмотра на весь экран без сужения можно щелкнуть правой кнопкой в обозревателе на картинке и выбрать команду "Открыть картинку в новой вкладке".

Если немного включить фантазию, то можно сделать шаблоны html элементов и аналогично зрительно верстать веб-странички. Например, взять набор https://semantic-ui.com/. Но это уже совсем другая история :)

На этом пока все.
Остаемся на связи !

Скачать файлы

Наименование Файл Версия Размер
1.svg из развлекушки

.svg 36,75Kb
2
.svg 36,75Kb 2 Скачать бесплатно
2.svg из развлекушки

.svg 36,72Kb
1
.svg 36,72Kb 1 Скачать бесплатно

Специальные предложения

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

См. также

Вывод текста в окно сообщений (Теперь и для 8.2 !!!) Промо

Работа с интерфейсом Россия Бесплатно (free)

Позволяет вывести любой текст набранный с клавиатуры в окно сообщений. Теперь работает для любых конфигураций 1с предприятие!!!

29.05.2009    47141    1261    Ёпрст    208    

Программное позиционирование на первой строке табличного поля с типом значения Регистр накопления Набор записей (обычные формы)

Работа с интерфейсом v8 Платформа 1C v8.2 1cv8.cf Бесплатно (free)

Часто при интерфейсных решениях возникает необходимость программно спозиционироваться на первой строке Табличного поля.

09.02.2022    1306    10    Vlad_CK    0    

Программное формирование элементов и реквизитов на управляемой форме

Работа с интерфейсом v8 v8::УФ 1cv8.cf Россия Бесплатно (free)

Разработана процедура по программному добавлению реквизитов на управляемую форму.

23.12.2021    3265    135    Dimbayyyy    2    

К привязкам элементов форм (1С 7.7, FormEx)

Работа с интерфейсом v7.7 1cv7.md Бесплатно (free)

Публикация имеет цель обратить внимание на возможность улучшения интерфейса.

15.12.2021    1414    23    Cерый    13    

Диалог выбора картинки из библиотеки картинок

Работа с интерфейсом v8 1cv8.cf Бесплатно (free)

Диалог для интерактивного выбора картинки из объекта БиблиотекаКартинок.

26.09.2021    1676    9    msergeev79    0    

Демосцена на 1С

Работа с интерфейсом v8 1cv8.cf Бесплатно (free)

Графическое демо "Плазма". Олдскульный эффект из 90-х. Воссоздан по исходнику на ассемблере x86. Посвящается Дню программиста 2021.

12.09.2021    3305    61    saver77    9    

Убрать/заменить кота в 1С:Бухгалтерия предприятия

Работа с интерфейсом 8.3.14 БП3.0 Бесплатно (free)

Для тех, кто устал смотреть на анимацию кота в 1С или тех, кому об этом хоть раз сообщали.

19.07.2021    6711    278    elcoan    19    

Графит. Правщик 1С морд от kuzkov.info. 9. Консольный запуск для сопряжения

Работа с интерфейсом v8 1cv8.cf Бесплатно (free)

Девятая часть очерков о разработке программы Графит, векторного правщика 1С морд от kuzkov.info. В этом очерке будет рассказано о добавлении новых свойств в элементы для работы со словами и режимом отображения элементов на поле рисования. Кратко опишем консольный режим запуска Графита. Рассмотрим добавленный режим прозрачности svg отображалок.

02.04.2021    785    Steelvan    3    

Графит. Правщик 1С морд от kuzkov.info. 4. Лента и панель шаблонов

Работа с интерфейсом Бесплатно (free)

В четвертой части записок о разработке программы Графит, векторного правщика для быстрого рисования 1С морд от kuzkov.info, хочу рассказать о ленте команд, панели шаблонов и более подробно описать команды ленты. Будет несколько гифок для зрительной иллюстрации написанного.

29.12.2020    3180    4    Steelvan    11    

Графит. Правщик 1С морд от kuzkov.info. 3. Заголовки и отразмерка

Работа с интерфейсом Бесплатно (free)

Третья часть записок о разработке программы Графит, векторного правщика для быстрого рисования 1С морд от kuzkov.info. Обзор сделанного с небольшими деталями в виде текста и картинок. Новые добавленные шаблоны 1С элементов форм.

10.12.2020    2455    3    Steelvan    1    

Графит. Правщик 1С морд от kuzkov.info.2

Инструментарий разработчика v8 Бесплатно (free)

Вторая часть записок о разработке программы Графит, векторного правщика для быстрого рисования 1С морд. Обзор сделанного в виде текста описания, гифках и приложенных svg файлах для пощелкать в обозревателе.

02.12.2020    4903    16    Steelvan    6    

Графит. Правщик 1С морд для аналитиков

Работа с интерфейсом Россия Бесплатно (free)

Краткое описание текущего состояния разработки программы "Графит". Графит это векторный правщик от kuzkov.info для создания прототипов 1С морд приказчиком или аналитиком для согласования с Заказчиком

24.11.2020    4579    61    Steelvan    11    

Мини-класс для непосредственного ввода в элементах диалога V7.7

Работа с интерфейсом v77::ОУ v77::БУ v77::Расчет 1cv7.md Россия Бесплатно (free)

Класс основан на баге платформы 7.7, является продолжением публикации http://infostart.ru/public/140861/ позволяет искать по наименованию в реквизитах типа справочник "а-ля снеговик".

26.06.2012    25362    173    Ёпрст    88    

MP3 - плейер на основе Miracle

Работа с интерфейсом v8 1cv8.cf Россия Бесплатно (free)

MP3 - плейер на основе Miracle с визуализацией спектра, уровней громкости каналов, времени проигрывания

31.03.2012    17299    40    Abadonna    1    

v77. Закладки в многоуровневом справочнике аля Total Commander

Работа с интерфейсом v7.7 1cv7.md Россия Бесплатно (free)

В больших многоуровневых справочниках можно ускорить доступ пользователю к наиболее популярным группам.

09.03.2012    13997    67    item    17    

v77. Паинт

Работа с интерфейсом v7.7 1cv7.md Россия Бесплатно (free)

v77. 1С:Паинт :) Такая вот игрушка. Без внешних компонент.

06.03.2012    18117    92    item    38    

v77. Календарь на форме.

Работа с интерфейсом v7.7 1cv7.md Россия Бесплатно (free)

v77. Календарь на форме. В помощь разработчику.

05.03.2012    14885    81    item    17    

Информация по регионам и ФО с использованием Яндекс.Карт

WEB Работа с интерфейсом v8 1cv8.cf Бесплатно (free)

Пример использования Yandex.Map API для отображения информации по регионам или федеральным округам РФ. Раскраска регионов и ФО, вывод меток, работа в режиме картограммы. Не привязан к какой-либо конфигурации. Просто пример. В 8.2 работает на толстом, тонком и WEB*-клиентах. *(WEB не во всех браузерах).

30.11.2011    8365    143    mgor    3    

Форма выбора координат Yandex карт (управляемая форма)

Универсальные обработки WEB Работа с интерфейсом v8 1cv8.cf Россия Бесплатно (free)

Обработка позволяет найти нужный адрес на карте Yandex. Отправить сообщение форме-владельцу или всем формам, со строкой координат.

06.09.2011    21328    403    motkot    27    

Прикол над пользователями. 1 апреля

Работа с интерфейсом v8 1cv8.cf Россия Бесплатно (free)

Завтра первое апреля. День смеха)) Разбавление обычных будней. При открытии формы раскрашивает цветами радуги табличную часть.

31.03.2011    17096    86    Serj1C    20    

Не простой пример работы с флажками и деревом значений (исправление от 21.02.2011)

Работа с интерфейсом v8 1cv8.cf Россия Бесплатно (free)

1С.8х позволяет заполнять поле ввода списком значений из выполненного пользователем подбора, при этом контроль на уникальность элементов списка и вхождение в группы необходимо прописать программно (хотя и не сложно). В данном примере показано, как можно реализовать заполнение списка значений поля ввода из справочника /метаданные/, используя дерево значений, простой запрос и обработку помеченных элементов дерева.

20.02.2011    11958    305    demanru    2    

Шрифт Arial для печати текста в рамочке.

Работа с интерфейсом Россия Бесплатно (free)

Как тут уже появился шрифт для печати текста в рамочке, то рискну и я свое творение выложить. Вдруг кому-то не Courier нужен в документах, а Arial.

02.02.2011    15515    41    ValeryZ    14    

Шрифт для печати текста в рамочке.

Работа с интерфейсом v8 1cv8.cf 1cv7.md Россия Бесплатно (free)

Будет полезен для печати каждого символа текста в рамке без опасений за масштабирование, выход за пределы, настройки принтера и пр.

01.02.2011    20242    130    Sykoku    32    

Братья и сестры, кузены и кузины в Структуре подчиненности

Работа с интерфейсом v8 БП2.0 УПП1 Россия Бесплатно (free)

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

04.11.2010    11947    110        12    

Дерево конфигурации 8.1

Работа с интерфейсом v8 1cv8.cf Россия Бесплатно (free)

Обработка предназначена для быстрого доступа к объектам конфигурации.

20.07.2010    10595    313    seagull33    17    

Вариант отображения перебора каталогов

Работа с интерфейсом v8 1cv8.cf Россия Бесплатно (free)

Как можно отобразить процесс перебора дерева(любого, например дерева каталогов) при условии, что количество элементов дерева неизвестно?

20.05.2010    13343    44    lazy    5    

Танцы с Гуглом

Универсальные обработки WEB Работа с интерфейсом v8 1cv8.cf Бесплатно (free)

Работа с картами гугл из локального кэша формата google titles. Всего две функции: показать по координатам и получить координаты под курсором. Применяется для отображения на карте объектов, имеющих координатную привязку.

27.03.2010    10426    200    Путин    7    

Отчет "Движения документа по регистрам", СКД

Работа с интерфейсом Анализ учета v8::СКД 1cv8.cf Россия БУ Бесплатно (free)

Отчет по движениям документа использующий систему компоновки данных

12.03.2010    22540    294    Dmitryiv    11    

1c-minder: обработка для создания ментальных карт (mind maps) в 1С:Предприятие 8

Файловые протоколы обмена (TXT, XML, DBF), FTP Работа с интерфейсом v8 1cv8.cf Россия Бесплатно (free)

Обработка позволяет быстро и удобно создавать ментальные карты (mind maps) в виде графических схем. Присутствует возможность сохранения схем в файлах формата .grs, после чего их можно открывать на всех компьютерах, на которых есть установленная "1С:Предприятие 8" или "1С:Работа с файлами". Реализован экспорт в графические форматы (PNG/BMP). Разработка является иллюстрацией механизма программной работы с графической схемой (добавление и изменение элементов схемы).

25.12.2009    25073    1027    kharts    29    

[AgentDialog] Модальные диалоги у MS Agent из 1С

Работа с интерфейсом v8 1cv8.cf 1cv7.md Россия Бесплатно (free)

Компонента добавляет в MS Agent возможность формирования диалогов. - выводит модальные предупреждения - выводит сообщения с флажками (метки) - выводит вопросы с предложением различных вариантов ответа - показывает диалог ввода текста - приложены примеры для 1С 7.7, 8.1 и 8.2 (управляемые формы) Простой пример работы с MS Agent http://infostart.ru/public/16658/

24.12.2009    24540    593    Душелов    35    

Обработка "Подбор цветовой гаммы раскраски таблиц"

Работа с интерфейсом v77::ОУ v77::БУ v77::Расчет 1cv7.md Россия Бесплатно (free)

Кратко предыстория: часто пользуюсь ВК FormEx (слава Алексею Фёдорову aka АЛьФ'у!!!). Но подобрать удобоваримую палитру раскраски таблиц (цвет шрифта + цвет фона) бывает затруднительно. Поискал в паутине что-нибудь удовлетворяющее меня и не нашел. Пришлось писать самому. Может эта обработка кому-либо еще сгодится.

07.12.2009    16679    364    ПростоБосс    20    

Рабочий стол (версия 1.2)

Работа с интерфейсом Рабочее место v8 1cv8.cf Бесплатно (free)

Рабочий стол к платформе 1С Предприятие 8.1. Для небольших конфигураций - без страниц. Есть подсказки к значкам и назначение горячих клавиш

22.10.2009    15872    222    rauf    19    

400 анимированных 3D СМАЙЛИКОВ

Работа с интерфейсом v8 Россия Бесплатно (free)

Более 400 анимированных 3D смайликов! Прямо как вы и просили! =)

12.10.2009    16954    466    ChugaevArtem    23    

Большие смайлики

Работа с интерфейсом Россия Бесплатно (free)

Еще несколько смайликов в вашу коллекцию! =)

07.10.2009    28372    398    ChugaevArtem    14    

Сортировка файлов на диске

Работа с интерфейсом v8 1cv8.cf Бесплатно (free)

Обработка сортирует файлы на дисках по заданным параметрам.

17.09.2009    10768    26    fox06    4    

Панель избранного 3.03 (beta)

Работа с интерфейсом v8 1cv8.cf Россия Бесплатно (free)

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

13.09.2009    37364    1027    Totoro    113    

[TinyMCE] - редактор HTML WYSIWYG кода.

WEB Работа с интерфейсом v8 1cv8.cf Бесплатно (free)

Редактор HTML кода, использующий java-редактор TinyMCE (использующийся, кстати, на Инфостарте) Без внешних компонент. Сделан исключительно средствами 1С.

09.09.2009    47452    1901    Душелов    57    

Журнал документов с индивидуальной настройкой периода для пользователей

Работа с интерфейсом v77::ОУ v77::БУ v77::Расчет 1cv7.md Россия Бесплатно (free)

Позволяет использовать журналы документов с периодами индивидуальными для текущего пользователя.

02.09.2009    12181    19    try2007    34    

Альтернатива стандартному предупреждению(вопросу)

Работа с интерфейсом Универсальные функции v77::ОУ v77::БУ v77::Расчет 1cv7.md Бесплатно (free)

Начальство решило, что на предупреждения оформляемые стандартными средствами 1С малоприметны... В результате родилась прикольная штучка... Вывод текста сообщения бАААААльшими буквами, цвет можно задавать. 7 кнопок видимость и текст задаются при вызове Возвращает текст нажатой кнопки..... ВК у нас не применяются...

28.08.2009    14443    70    nikakoy    29    

Сравнение содержания документов Реализация и Счет-фактура

Работа с интерфейсом Склад и ТМЦ v77::ОУ v77::БУ 1cv7.md Россия БУ Бесплатно (free)

Сравнение содержания документов Реализация и Счет-фактура

06.08.2009    11918    192    tandy82    10