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

29.12.20

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

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

Скачать исходный код

Наименование Файл Версия Размер
Шаблон Панель разделов
.xml 60,91Kb
5
.xml 60,91Kb 5 Скачать бесплатно

Отступление

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

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

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

Первая часть //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С конфигурации.
Остаемся на связи !

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

См. также

Богатый редактор картинок, хранимых в базе, с возможностью РИСОВАНИЯ. Редактор внешних файлов картинок. Объект, расширяющий возможности работы с картинками из встроенного языка (Три в одном) + Обработка «Стандартизация картинок»

Работа с интерфейсом Рабочее место Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Обработка предназначена для редактирования картинок в режиме «Предприятие», с возможностью РИСОВАТЬ на них. Поддерживается работа как в обычных формах (толстый клиент) так и на управляемых формах (тонкий клиент). Обработка позволяет редактировать как картинки, хранимые в базе, так и графические файлы с диска на файловой системе. Помимо базовых функций (изменение размеров, преобразование формата, обрезание картинки, повороты и т.п.) – редактор имеет богатый набор инструментов для рисования. Доступна функция вставки изображения из буфера обмена. Также обработка может быть использована из встроенного языка как объект для редактирования картинок. Объект может быть использован: на стороне клиента, на стороне сервера, из внешнего соединения. Данная обработка будет особенно полезна тем, кто вносит картинки в базу (изображения номенклатуры, фотографии физических лиц и т.п.). Функционал реализуется с использованием JavaScript и бесплатного ПО ImageMagick (без использования внешних компонент).

6000 руб.

16.01.2015    61934    43    59    

80

[Расширения] Динамическое управление видимостью и доступностью элементов форм (УФ) (8.3.6+)

Работа с интерфейсом Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Механизм «Динамическое управление доступом к элементам форм объектов 1С8» предназначен для обеспечения возможности оперативного управления видимостью и доступностью элементов форм документов и справочников продуктов фирмы «1С» «1С:Предприятие 8». Решение универсальное, встраивается в любую конфигурацию с минимальными доработками, что позволяет без проблем обновлять типовые решения.

5000 руб.

14.01.2016    54563    16    21    

42

Управление дашбордами

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Платные (руб)

Обработка предназначена для создания и управления дашбордами.

2400 руб.

29.06.2020    16818    21    4    

35

Новогоднее оформление для 1С

Работа с интерфейсом Платформа 1С v8.3 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Зарплата и Управление Персоналом 3.x 1С:Управление нашей фирмой 3.0 Бесплатно (free)

Добавьте новогоднего настроения! Расширение создает декорацию в виде гирлянды на некоторых формах объектов.

27.12.2023    10984    756    elcoan    45    

106

Конструктор HTML, CSS и javascript

Инструментарий разработчика Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

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

2 стартмани

10.04.2023    9785    153    acces969    31    

119

Модель состояния для MVC

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

"MVC плохо применима в 1С" - познакомьтесь с моделью состояния и, возможно, ваше мнение поменяется! Представленное решение является эволюционным развитием идеи реализации MVC для 1С. В новой версии добавлены DSL для описания модели состояния, а также параметризация свойств параметров и элементов формы.

1 стартмани

05.07.2022    3839    kalyaka    4    

29

Табло очереди заказов на экран телевизора

WEB-интеграция Работа с интерфейсом Платформа 1С v8.3 1С:Розница 2 Платные (руб)

Связка из веб-приложения и расширения для 1С: Розница 2.3.

3600 руб.

29.04.2022    12197    1    5    

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

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

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

На вскидку достаточно.
8. Steelvan 302 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 302 01.01.21 22:12 Сейчас в теме
(9)

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

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