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

29.12.20

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

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

Скачать файл

ВНИМАНИЕ: Файлы из Базы знаний - это исходный код разработки. Это примеры решения задач, шаблоны, заготовки, "строительные материалы" для учетной системы. Файлы ориентированы на специалистов 1С, которые могут разобраться в коде и оптимизировать программу для запуска в базе данных. Гарантии работоспособности нет. Возврата нет. Технической поддержки нет.

Наименование SM По подписке [?]
Шаблон Панель разделов
.xml 60,91Kb
5
5
0 SM
Скачать

Отступление

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

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

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

Первая часть //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 1С:ERP Управление предприятием 2 Платные (руб)

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

2400 руб.

29.06.2020    17628    24    6    

38

Работа с интерфейсом Программист Платформа 1С v8.3 Бесплатно (free)

Пример простого и симпатичного прогресс-бара в динамическом списке, без картинок, используя редактирование запроса.

27.05.2024    5374    smielka    37    

95

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

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

27.12.2023    12405    788    elcoan    47    

110

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

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

2 стартмани

10.04.2023    10633    158    acces969    31    

120

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

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

1 стартмани

05.07.2022    4587    kalyaka    6    

32

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

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

6000 руб.

18.01.2022    9359    1    2    

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

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

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

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

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

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