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

Публикация № 1353926

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

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

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

Отступление

С момента написания третьей части выполнено довольно много работ по Графиту:
*) Лента команд;
*) Панель шаблонов;
*) Создание снимков;
*) Работа с примитивами и соединителями;
*) Переписано и встроено несколько шаблонов для отладки внутренних алгоритмов;

Далее обо всем этом по порядку.

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

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

Лента команд

Графит приобрел свою морду и лента ее главный элемент.
Здесь есть основной набор функций, которые могут быть нужны в работе:
*) Работа с файлами для сохранения и открытия файлов;
*) Работа с буфером обмена (копирование и вставка);
*) Снятие снимков экрана;
*) Вызов добавочных *.bat команд для правщика, которыми можно расширять функциональность;
*) Создание простых элементов (прямоугольники, многоугольники, овалы, текстовые метки и соединители);
*) Привязка/отключение элемента к ровняющей сетке при перемещении элемента;
*) Кнопки включения/отключения дополнительных панелей (панель шаблонов слева и панель свойств справа);
*) Кнопки выравнивания, цветового оформления и изменения порядка;
*) Блок для работы со шрифтом;



На снимке кнопки ленты частично отключены, т.к. нет активных элементов на поле рисования. Далее в гифках будет видно применение команд ленты в работе.

Чуть подробнее о буфере

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

На примере ниже сделан и описан снимок рабочего стола.


[Гифка снятия снимка и описания рабочего стола]

При нажатии кнопки "Из буфера" будет открыто служебное окошко, в котором аналогично можно выбрать область картинки, которая ранее была отправлена в буфер обмена.
Например, кнопкой print screen сделан снимок экрана и отправлен в буфер обмена.

Чуть подробнее о добавках

Добавки это добавочные команды, которые могут расширять функциональность Графита или позволять быстро запускать некоторые помогающие инструменты.
Подкнопки команды "Добавки" создаются автоматичеки при пуске Графита. Для этого Графит при пуске ищет рядом с Графит.exe папку "Добавки", в папке перебирает *.bat файлы и добавляет их в подкоманды.




Порядок добавок в списке добавок берется из первой цифры в имени добавки.
При выборе команды добавки выбранный файл запускается с параметром, в котором указан полный путь к текущему рабочему файлу схемы (xml или svg).

Чуть подробнее о цветах

В Графит встроена возможность удобной работы с цветами. Работник может изменить цвет фона и градиента, цвет линии и цвет текста.
В основном это изменение относится к простым элементам (прямоугольники, многоугольники, овалы, текстовые метки и соединители) но также может быть обработано и в шаблонах, если в шаблоне прописан такой алгоритм.
В наборе "Купец" 1С шаблонов такая обработка сделана для элементов тех шаблонов, у которых в 1С предусмотрено изменение цвета. Например, кнопки или надписи.


[Гифка изменения цвета линии и фона]

Чуть подробнее о блоке работы с текстом

Добавлена возможность работы с текстом:
*) Выбор шрифта;
*) Зачеркивание, подчеркивание, жирность, курсив;
*) Размер шрифта;
*) Горизонтальное и вертикальное положение;


[Гифка работы с текстом]


Чуть подробнее о примитивах

Выше я уже упоминал, что в Графит встроены простые примитивы. Эти элементы можно использовать в случаях, когда нужно быстро нарисовать простую схему, добавить текстовые метки и связать элементы соединителями.
Графит является векторным правщиком, это значит что элементы не просто статичные фигуры, а ими можно полноценно управлять: перемещать, изменять геометрию. скреплять соединителями, изменять порядок по z оси.
Особенно удобно то, что соединитель действительно прикрепляется к грани и отслеживает перемещение прикрепленного элемента.


[Гифка соединения нескольких примитивов]

Особый интерес представляет примитив "Многоугольник". У него есть возможность изменения геометрии в произвольном виде и на его основе можно создавать любые фигуры.


[Гифка изменения многоугольника]

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


[Гифка наложения многоугольника на план]


Позволю предположить, что Графит будет покрывать почти все потребности обычного работника для рисования без нужности установки стороннего ПО, типа Visio и прочих.
И все результаты работ без водяных знаков и прочего.
Привет bizagi, 1cmaker и остальным !

По поводу bizagi тоже есть мысль сделать набор шаблонов bpmn нотации, чтобы уж совсем покрыть одним инструментом потребности в графике для системного аналитика в 1С среде.

Панель шаблонов

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


Выше картинка из тз на панель шаблонов.

Формат шаблона должен быть следующий:



В узле "Системные свойства" должен быть атрибут "КартинкаШаблона". Именно эта картинка будет отображаться в списке шаблонов.
Из узла "ТиповыеСвойства" значения атрибутов "Ширина" и "Высота" устанавливаются отображалке при переносе на поле рисования способом тяни-бросай.
Картинка шаблона подбирается так, чтобы зрительно она была похожа на конечный элемент.

Более подробно любознательный читатель может посмотреть в приложенном файле шаблона "ПанельРазделов".

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


[Гифка панели шаблонов]


Дальнейшие планы развития

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

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

Наименование Файл Версия Размер
Шаблон Панель разделов

.xml 60,91Kb
3
.xml 60,91Kb 3 Скачать бесплатно

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

Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. sytkosa 119 29.12.20 17:58 Сейчас в теме
(0) Автор как поучаствовать в тестировании продукта ?
2. Steelvan 96 29.12.20 19:47 Сейчас в теме
(1) Первые альфа-выпуски плануются в первом квартале 2021.
Их тестировать можно будет "в хвост и гриву", а пока можно только поддерживать плюсами :)

Благодарю за интерес !
3. Steelvan 96 29.12.20 20:20 Сейчас в теме
(1) Другое дело, если Вы напишете "Я хочу делать шаблоны".
Тогда это было бы интересно выделить время на ввод в курс дела :)

Нужны шаблоны bpmn как в bizagi.
Можно 1-в-1 перерисовывать.
4. Steelvan 96 29.12.20 20:22 Сейчас в теме
5. sytkosa 119 31.12.20 02:52 Сейчас в теме
(3) Меня больше интересует прототипирование интерфейса 1С и и его интерактивные реакции с возможностью кодагенерации. Готов активно участвовать в развитии данного направления.
6. Кузьмич 188 31.12.20 13:04 Сейчас в теме
Работа интересная. Это просто рисовалка? На практике для чего это можно использовать?
7. Steelvan 96 31.12.20 15:01 Сейчас в теме
(6)
*) Отказаться от visio и использовать Графит как для рисования, так и для прототипирования и набросков 1С морд для программистов и Заказчиков;
*) В планах есть хотелка сделать работу в облаке. Рисуешь в настольном приложении, а сохраняешь на веб-размещении и ссылку отдаешь Заказчику или программисту;
*) Уже почти готово сопряжение с 1С. Можно будет, например, сделать план этажа или склада, привязать области плана к объектам в 1С и в ПолеHTMLДокумента устанавливать разные цвета областям с обработкой щелчков на области. https://infostart.ru/public/563198/
*) Более прямая работа с программным созданием схем, т.к. Графит работает с xml файлами. https://infostart.ru/public/576498/

На вскидку достаточно.
8. Steelvan 96 31.12.20 15:14 Сейчас в теме
(5) Т.к. результатом является svg, который можно открывать в обозревателе, то можно в шаблоны добавить css оформления на события "ПриНаведении", например.
Можно устанавливать подчеркивания надписей, фоны для для кнопок и прочее.

Можно добавить js поведение из "ПриНажатии" => например, переключать видимость элементов.
Таким образом через css и js можно настроить выпадающие списки для выпадающего в осадок Заказчика от увиденного :)

В принципе это изучается достаточно просто по примерам
http://webmaster.alexanderklimov.ru/html/svg/css.php
user1503726; +1 Ответить
9. Кузьмич 188 31.12.20 21:36 Сейчас в теме
То есть программно можно будет рисовать?
10. Steelvan 96 01.01.21 22:12 Сейчас в теме
(9)

Да, файл xml создаете, через командную строку запускаете Графит, результатом должен быть svg файл, который можно отображать в ПолеHTMLДокумента с интерактивностью.
Возможная интерактивность:
*) Обработка щелчков;
*) Изменение оформления заливки фона, цвет рамки, текст и прочее;
*) Скрытие и показ элементов по id элемента;

Вариант применения:
*) Нарисовали карту потока работ в блок-схеме или bpmn;
*) К каждой функции привязали задачу из 1С;
*) При изменении состояния 1С задачи изменяем цвет элемента диаграммы.
11. Steelvan 96 01.01.21 22:13 Сейчас в теме
Оставьте свое сообщение

См. также

Генерация кода управляемой формы (декомпиляция элементов) Промо

Инструментарий разработчика Практика программирования Работа с интерфейсом v8 v8::УФ 1cv8.cf Бесплатно (free)

Изменение форм типовых конфигураций лучше выполнять программно. Эта обработка упрощает добавление элементов на форму, генерируя код создания элементов, реквизитов и команд формы.

29.09.2014    110074    9109    ekaruk    134    

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

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

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

02.04.2021    265    Steelvan    2    

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

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

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

28.03.2021    656    0    Steelvan    0    

Графит. Правщик 1С морд от kuzkov.info.5. Панель свойств

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

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

09.02.2021    811    Steelvan    3    

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

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

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

10.12.2020    922    3    Steelvan    1    

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

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

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

02.12.2020    1998    14    Steelvan    6    

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

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

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

24.11.2020    2146    42    Steelvan    11    

Загрузка, редактирование и установка цветовых схем (раскраски кода) в Конфигуратор и EDT

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

В современных IDE и текстовых редакторах есть удобная работа с цветовыми схемами: их можно загружать из файлов, выбирать из списка и сразу устанавливать в оболочку. К сожалению, в Конфигураторе и EDT цвета кода можно настроить только вручную. Этой разработкой хочу исправить эту проблему.

14.05.2020    9095    326    CyberCerber    32    

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

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

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

26.06.2012    22446    164    Ёпрст    88    

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

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

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

31.03.2012    14686    38    Abadonna    1    

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

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

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

30.11.2011    5931    138    mgor    3    

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

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

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

06.09.2011    17741    372    motkot    27    

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

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

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

31.03.2011    14107    85    Serj1C    20    

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

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

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

20.02.2011    9613    299    demanru    2    

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

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

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

02.02.2011    13888    41    ValeryZ    14    

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

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

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

01.02.2011    17161    126    Sykoku    32    

Исполнение кода в модуле формы при разработке в 1С 8.2

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

Немного теории о новом подходе к программированию форм в 1С 8.2 Рассматриваются директивы компиляции процедур и функций, которые определяются в модуле формы.

15.01.2011    27266    166    1cNike    19    

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

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

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

04.11.2010    9427    108        12    

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

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

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

20.07.2010    8120    312    seagull33    17    

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

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

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

20.05.2010    10619    44    lazy    5    

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

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

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

27.03.2010    7658    200    Путин    7    

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

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

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

12.03.2010    19654    270    Dmitryiv    11    

[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    21988    588    Душелов    35    

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

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

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

22.10.2009    13511    220    rauf    19    

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

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

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

12.10.2009    14204    455    ChugaevArtem    23    

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

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

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

07.10.2009    26485    394    ChugaevArtem    14    

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

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

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

17.09.2009    8039    25    fox06    4    

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

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

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

13.09.2009    34006    1000    Totoro    113    

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

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

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

09.09.2009    42705    1776    Душелов    54    

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

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

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

02.09.2009    9414    18    try2007    34    

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

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

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

28.08.2009    12241    69    nikakoy    29    

Тест группировок в Эксель. Для 1С 7.7

Загрузка и выгрузка в Excel Практика программирования Работа с интерфейсом v7.7 1cv7.md Бесплатно (free)

Тестовая выгрузка справочника номенклатуры в Эксель с xls-группировками. (Такие плюсики слева от листа)

12.08.2009    13882    229    dav405    12    

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

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

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

06.08.2009    9753    191    tandy82    10    

Просмотр таблицы значений

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

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

05.08.2009    17529    213    Mogidin    6    

Архив к статье "Интеграция 1С с сервисной шиной OpenESB"

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

Архив к статье "Интеграция 1С с сервисной шиной OpenESB"

30.07.2009    7068    119    mini_root    1    

Вывод графиков курсов валют

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

Курсы валют из регистра конфигурации или сайта РБК

21.07.2009    19456    368    anig99    18    

Вариант ПанелиФункций (8.1)

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

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

16.07.2009    7577    374    Русский    24    

Афоризмы 1С 8.1

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

Большая подборка афоризмов, цитат, шуток (более 6,5 тыс., все приличные). Внешняя обработка для 1С 8.1. Полезна для улучшения интерфейса.

15.07.2009    11761    519    an77    23    

[PDF Viewer] - Просмотр PDF в 1С

Разработка внешних компонент Работа с интерфейсом v7.7 v8 1cv8.cf 1cv7.md Бесплатно (free)

ActiveX-компонента для просмотра PDF. Позволяет сохранить в виде текста, картинки и PostScript. Реализованы механизмы поиска текста и печати.

15.07.2009    36575    893    Душелов    57