Создание пиктограмм в 1С: от ручной загрузки до программного кода

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

В этой статье мы разберём все способы добавления пиктограмм в 1С 8.3: от простой загрузки через конструктор до создания динамических иконок с помощью встроенного языка. Особое внимание уделим типичным ошибкам, которые приводят к тому, что иконки не отображаются или выглядят размыто. Вы также узнаете, где взять готовые наборы пиктограмм, соответствующие корпоративному стилю 1С, и как адаптировать их под свои нужды.

Если вы никогда раньше не работали с графическими элементами в 1С, не переживайте — инструкции составлены так, чтобы с ними справился даже новичок. Опытные разработчики найдут здесь продвинутые техники, например, как динамически менять иконки в зависимости от состояния объекта или как интегрировать SVG-графику для поддержки высокого разрешения.

1. Что такое пиктограммы в 1С и где они используются

Пиктограммы в 1С:Предприятие — это небольшие графические изображения (обычно размером 16×16 или 32×32 пикселей), которые визуально обозначают команды, объекты или статусы в интерфейсе программы. Они применяются в нескольких ключевых местах:

Основные области использования:

• 📌 Командные панели — иконки рядом с кнопками действий (например, "Создать", "Провести", "Печать").
• 📋 Дерево объектов — значки для справочников, документов, отчётов в панели навигации.
• 📊 Статусные индикаторы — отображение состояния документа (например, проведён/не проведён, оплачен/не оплачен).
• 🔧 Настройки и администрирование — иконки для разделов конфигуратора.

В современных версиях платформы (начиная с 1С:Предприятие 8.3.10) поддерживаются не только растровые изображения (.bmp, .png), но и векторные форматы (.svg), что позволяет иконкам чётко отображаться на экранах с высоким разрешением (Retina, 4K). Однако для совместимости со старыми версиями рекомендуется использовать оба формата.

Важно понимать, что пиктограммы в 1С не просто украшают интерфейс — они ускоряют восприятие информации. По данным исследований, пользователи распознают визуальные метки на 20–30% быстрее, чем текстовые подписи. Например, иконка принтера (Печать) или дискеты (Сохранить) интуитивно понятны даже без надписи.

2. Способы добавления пиктограмм в 1С

В 1С:Предприятие 8.3 есть три основных способа добавить пиктограмму:

1. Через конструктор интерфейса — самый простой метод для новичков, не требует программирования.
2. Путем загрузки в справочник "Пиктограммы" — подходит для массового импорта иконок.
3. Программно через встроенный язык — гибкий способ для динамического управления иконками.

Рассмотрим каждый из них подробнее.

2.1. Добавление через конструктор интерфейса

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

Инструкция:

1. Откройте конфигуратор и перейдите в нужную форму (например, форму документа или справочника).
2. Выделите элемент, для которого хотите назначить иконку (кнопка, команда, закладка).
3. В палитре свойств найдите поле Пиктограмма и нажмите на кнопку ... рядом с ним.
4. В открывшемся окне выберите одну из стандартных иконок или загрузите свою через кнопку Добавить.

Стандартный набор пиктограмм в 1С включает около 200 иконок, сгруппированных по категориям: Документы, Действия, Объекты, Статусы. Если подходящей иконки нет, можно загрузить свою в формате .png или .svg.

🖼️ Размер не более 32×32 пикселей (оптимально 16×16)

🎨 Фон прозрачный (формат PNG-24 или SVG)

🔍 Контрастные цвета, чёткие контуры

📁 Имя файла без пробелов и кириллицы

-->

2.2. Загрузка в справочник "Пиктограммы"

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

Как загрузить пиктограммы массово:

• 📁 Подготовьте папку с изображениями (форматы .png, .svg, .bmp).
• 🖱️ В справочнике Пиктограммы нажмите Загрузить и выберите папку.
• 🔄 Система автоматически создаст элементы справочника с именами файлов.
• 🔧 При необходимости отредактируйте названия и назначьте группы (например, "Документы", "Отчёты").

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

2.3. Программное создание пиктограмм

Для динамического управления иконками (например, изменение в зависимости от статуса документа) используется встроенный язык 1С. Основные методы:

1. Назначение иконки через код:

ЭлементФормы.КнопкаПечать.Пиктограмма = Пиктограммы.Печать;

2. Динамическая смена иконки:

Если Документ.Проведен Тогда
ЭлементФормы.Статус.Пиктограмма = Пиктограммы.Проведен;
Иначе
ЭлементФормы.Статус.Пиктограмма = Пиктограммы.НеПроведен;
КонецЕсли;

3. Загрузка иконки из файла:

ПутьКФайлу = "C:\Icons\myicon.png";
Пиктограмма = Новый Картинка(ПутьКФайлу);
ЭлементФормы.МояКнопка.Пиктограмма = Пиктограмма;

Для работы с SVG в коде используйте класс ВекторнаяКартинка:

ВекторнаяИконка = Новый ВекторнаяКартинка("C:\Icons\myicon.svg");
ЭлементФормы.Кнопка.Пиктограмма = ВекторнаяИконка;

3. Требования к пиктограммам: размеры, форматы, стиль

Несмотря на кажущуюся простоту, к пиктограммам в 1С предъявляются строгие требования. Их несоблюдение приводит к тому, что иконки выглядят размыто, не читаются на тёмном фоне или вообще не отображаются.

Основные технические требования:

Стилистически пиктограммы в 1С должны соответствовать корпоративному дизайну платформы. Избегайте:

• 🎨 Слишком ярких или кричащих цветов.
• 🖼️ Сложных деталей — иконка должна быть узнаваемой даже при размере 16×16.
• 📏 Ассиметричных форм, которые сложно воспринимать на маленьком размере.

Важно: если вы разрабатываете конфигурацию для публикации на 1С:Совместимо или 1С:Fresh, используйте только стандартные иконки из библиотеки 1С. Кастомные изображения могут не пройти модерацию.

4. Где взять готовые пиктограммы для 1С

Создавать иконки с нуля — долго и требует дизайнерских навыков. К счастью, есть несколько источников готовых пиктограмм, адаптированных под 1С:

1. Стандартная библиотека 1С

• 📦 Входит в поставку платформы (доступна в конструкторе интерфейса).
• 🔄 Регулярно обновляется — в новых версиях добавляются иконки для актуальных функций.
• 🎨 Стиль единообразный, соответствует фирменному дизайну.

2. ИТС (Информационно-технологическое сопровождение)

• 📁 Раздел "Графические ресурсы" содержит дополнительные наборы иконок.
• 🔍 Есть тематические паки: для бухгалтерии, торговли, производства.
• 📥 Доступно для подписчиков ИТС.

3. Сторонние ресурсы

• 🌐 Flaticon, IconFinder — бесплатные и платные иконки (нужно выбирать простые, без лишних деталей).
• 🎨 Material Icons от Google — векторные иконки в стиле Material Design (подходят для современных конфигураций).
• 📦 Font Awesome — можно экспортировать нужные иконки в PNG или SVG.

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

5. Типичные ошибки и как их избежать

Даже опытные разработчики иногда сталкиваются с проблемами при работе с пиктограммами в 1С. Вот наиболее распространённые ошибки и способы их решения:

1. Иконки не отображаются

• 🔍 Причина: Неверный путь к файлу или отсутствие прав на доступ.
• ✅ Решение: Проверьте путь в свойстве Пиктограмма и права пользователя.

2. Размытые или пикселизированные иконки

• 🔍 Причина: Исходное изображение слишком большое или низкого разрешения.
• ✅ Решение: Используйте исходники размером 16×16 или 32×32 с чёткими контурами.

3. Иконки не меняются динамически

• 🔍 Причина: Код обновления иконки выполняется до инициализации формы.
• ✅ Решение: Поместите код в обработчик ПриОткрытии или ПриИзменении.

4. В конфигураторе иконка видна, а в пользовательском режиме — нет

• 🔍 Причина: Файл иконки не включён в состав распределяемой базы.
• ✅ Решение: В конфигураторе проверьте, что файл добавлен в Внешние файлы и картинки.

5. SVG-иконки не работают

• 🔍 Причина: Версия платформы старше 8.3.10 или неверный формат SVG.
• ✅ Решение: Обновите платформу или конвертируйте SVG в PNG.

6. Продвинутые техники: динамические иконки и SVG

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

1. Динамическое изменение иконок

Можно менять иконки в зависимости от состояния объекта. Например, для документа "Заказ покупателя":

• 📄 Новый — серая иконка.
• 🟢 Проведён — зелёная галочка.
• 🔴 Отменён — красный крестик.

Пример кода для формы документа:

Процедура ПриОткрытии(Отказ)
Если ЭтотОбъект.Проведен Тогда
ЭлементыФормы.Статус.Пиктограмма = Пиктограммы.Проведен;
ЭлементыФормы.Статус.ЦветФона = ВебЦвета.Зеленый;
ИначеЕсли ЭтотОбъект.ПометкаУдаления Тогда
ЭлементыФормы.Статус.Пиктограмма = Пиктограммы.Удален;
ЭлементыФормы.Статус.ЦветФона = ВебЦвета.Красный;
Иначе
ЭлементыФормы.Статус.Пиктограмма = Пиктограммы.Новый;
ЭлементыФормы.Статус.ЦветФона = ВебЦвета.Серый;
КонецЕсли;
КонецПроцедуры

2. Использование SVG для адаптивности

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

1. Подготовьте файл в векторном редакторе (например, Inkscape).
2. Загрузите его в справочник Пиктограммы или через код:

ПутьКSVG = "C:\Icons\status_ok.svg";
ВекторнаяИконка = Новый ВекторнаяКартинка(ПутьКSVG);
ЭлементыФормы.Статус.Пиктограмма = ВекторнаяИконка;

3. Анимация иконок

В 1С 8.3.18+ появилась поддержка простой анимации для иконок (например, вращение при загрузке данных). Пример:

ЭлементыФормы.ИндикаторЗагрузки.Пиктограмма = Пиктограммы.Загрузка;
ЭлементыФормы.ИндикаторЗагрузки.Анимация = Истина;

7. Оптимизация пиктограмм для мобильных приложений 1С

Если ваша конфигурация используется в мобильном приложении 1С (например, через 1С:Мобильная платформа), к иконкам предъявляются дополнительные требования:

• 📱 Размер: Минимально 48×48 пикселей (для ретина-дисплеев — 96×96).
• 🎨 Стиль: Упрощённые формы, высокий контраст (мобильные экраны часто используются при ярком освещении).
• 🖼️ Формат: Предпочтительно SVG или PNG с прозрачностью.

Пример адаптации иконки для мобильного интерфейса:

// Загрузка высокодетализированной иконки для мобильного приложения
ПутьКИконке = "C:\MobileIcons\menu_96x96.png";
Если МобильноеПриложение Тогда
ЭлементыФормы.ГлавноеМеню.Пиктограмма = Новый Картинка(ПутьКИконке);
Иначе
ЭлементыФормы.ГлавноеМеню.Пиктограмма = Пиктограммы.Меню; // Стандартная иконка для десктопа
КонецЕсли;

Для мобильных версий также рекомендуется:

• 🔍 Использовать крупные тач-зоны (не менее 48×48 пикселей для кликабельных иконок).
• 🎯 Избегать мелких деталей — на маленьком экране они будут неразборчивы.
• 🌓 Тестировать иконки в тёмном и светлом режимах интерфейса.

8. Как протестировать пиктограммы перед релизом

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

✅ Отображение в конфигураторе и пользовательском режиме

✅ Корректность на экранах с высоким разрешением (4K, Retina)

✅ Видимость в тёмной и светлой теме оформления

✅ Работа динамических иконок (изменение при смене статуса)

✅ Совместимость с мобильным приложением (если применимо)

✅ Отсутствие ошибок в журнале регистрации

-->

Инструменты для тестирования:

• 🔍 Режим отладки в конфигураторе: Проверьте, нет ли ошибок при загрузке иконок.
• 🖥️ Эмуляторы разрешений: Используйте инструменты вроде Windows Magnifier или настройки масштаба в браузере.
• 📱 Мобильные симуляторы: Для тестирования на iOS/Android используйте Xcode или Android Studio.

Если иконки не отображаются в пользовательском режиме, но видны в конфигураторе, проверьте:

1. Наличие файлов иконок в каталоге базы данных (папка ExtForms или Pictures).
2. Права доступа пользователя к внешним файлам.
3. Кэш пиктограмм (иногда помогает очистка через Сервис → Очистка кэша).

Критическая ошибка: если в журнале регистрации появляется сообщение "Не найдена пиктограмма [Имя]", это означает, что файл иконки не включён в состав распределяемой базы. Исправьте это в конфигураторе через меню Файл → Открыть внешние файлы и картинки.

⚠️ Внимание: В облачных решениях (например, 1С:Fresh) могут действовать ограничения на размер загружаемых графических файлов. Если иконки не отображаются в облаке, проверьте лимиты в документации сервиса.

FAQ: Частые вопросы о пиктограммах в 1С

Если ТемаОформления = ТемаОформления.Темная Тогда
ЭлементыФормы.МояКнопка.Пиктограмма = Пиктограммы.МояИконкаТемная;
Иначе
ЭлементыФормы.МояКнопка.Пиктограмма = Пиктограммы.МояИконкаСветлая;
КонецЕсли;