Оригинальное оформление 1С. Иконки везде, где можно и нельзя (Glyphicon для 1С)

24.02.19

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

Многие знакомы с пакетом иконок Glyphicon. Он используется в веб разработке из-за малого веса, легкой масштабируемости и возможности легкого использования отовсюду. Принцип очень прост - нужные иконки хранятся в файле шрифтов, и выводятся как символ. Я задался целью сделать то же самое для 1С. Еще раз: используется для оформления и вставки иконок туда, куда типовые средства вставлять не дают. Тестирование производилось на платформе 8.3.13.1644 (но работать это должно на всех платформах восьмерки), на 7, возможно, потребуется переписать процедуру регистрации шрифтов. Как подключить - читайте в полном тексте. P.S. Это моя первая публикация. Я уверен, это будет ужасно оформлено. Крепитесь. P.P.S. Возможно, что-то такое и есть на форме, но быстрый поиск показал только иконки в PNG.

Файлы

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

Наименование Скачано Купить файл
Оригинальное оформление 1с. Иконки везде где можно и нельзя. (Glyphicon для 1с):
.epf 233,79Kb
5 2 500 руб. Купить

Подписка PRO — скачивайте любые файлы со скидкой до 85% из Базы знаний

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

Оформить подписку и скачать решение со скидкой

Вы можете заказать платную доработку или адаптацию этой разработки под вашу конфигурацию на «Бирже заказов».

  • 0% комиссии — оплата напрямую исполнителю;
  • Исполнители любого масштаба — от отдельных специалистов до команд под проект;
  • Прямой обмен контактами между заказчиком и исполнителем;
  • Безопасная сделка — при необходимости;
  • Рейтинги, кейсы и прозрачная система откликов.

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

Еще раз: используется для оформления и вставки иконок туда, куда типовые средства вставлять не дают. 
Тестирование производилось на платформе 8.3.13.1644 (но работать это должно на всех платформах восьмерки), на 7, возможно, потребуется переписать процедуру регистрации шрифтов.
Как подключить - читайте в полном тексте.

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

Плюсы очевидны:

  • Красивые иконки
  • Возможность использования иконок там, где платформа не давала
  • Хорошая прорисовка иконок вне зависимости от размера

Минусы:

  • Необходимость установки шрифта в систему (хоть и в автоматическом режиме, но все же)
  • Если захотите выбрать иной шрифт текста - иконки придется пересобрать (а это хоть и легко, но муторно)

Если вы все же решили что вам это нужно:
1. Создаем шрифт (в моем случае Awesome.ttf) и добавляем его в макет как двоичные данные. ВАЖНО! Шрифт помимо иконок должен содержать и буквы.
2. Делаем проверку (установлен шрифт или нет):
 

Функция ШрифтУстановлен() 
	Файл=Новый Файл("С:\Windows\Fonts\Awesome.ttf");
	Возврат Файл.Существует();
КонецФункции

3. При старте системы (или обработки) проверяем установлен ли шрифт, если нет - устанавливаем:

&НаКлиенте
Процедура ПопыткаУстановкиШрифта()
	Попытка
		СистемнаяИнформация = Новый СистемнаяИнформация; 
		ВерсияОС = СистемнаяИнформация.ВерсияОС;
		ИмяФайла = "Awesome.ttf";
		Макет = ПолучитьШрифт();
		Каталог = ПолучитьКаталогВременныхФайлов();
		ПолноеИмяФайла = Каталог + ИмяФайла;
		Макет.Записать(ПолноеИмяФайла);
		Если Не ШрифтУстановлен() Тогда
			Если Найти(ВерсияОС, "Microsoft Windows XP") = 0 Тогда
			    objShell = Новый COMОбъект("Shell.Application");			    
			    objNameSpace = objShell.Namespace(Каталог);
			    objFont      = objNameSpace.ParseName(ИмяФайла);
			    objFont.InvokeVerb("Install");
			    objFont = Неопределено;
			    УдалитьФайлыСервер(ПолноеИмяФайла);
			Иначе
			    WshShell     = Новый COMОбъект("WScript.Shell");
			    FSO          = Новый COMОбъект("Scripting.FileSystemObject");
			    ПутьШрифты     = wshShell.SpecialFolders.Item("Fonts");
			    ПолноеИмяФайла = ПутьШрифты + "\" + ИмяФайла;
			    Макет.Записать(ПолноеИмяФайла);
			    WshShell.Run("RunDll32.exe gdi32.dll,AddFontResourceA " + FSO.GetBaseName(ПолноеИмяФайла));
			КонецЕсли;
		КонецЕсли;
	Исключение
		Сообщить ("Не удалось зарегистрировать шрифт. Зарегистрируйте его вручную. Файл шрифта: "+ПолноеИмяФайла+Символы.ПС+"Текст ошибки: "+ОписаниеОшибки());
	КонецПопытки;
КонецПроцедуры


4. Самое интересное. Ставим шрифт в систему, заходим в Таблицу символов (стандартная утилита Windows) - выбираем наш шрифт, находим интересующую иконку - копируем, вставляем в 1с. 

5. ???PROFIT!!!

 

Спасибо за внимание.

Вступайте в нашу телеграмм-группу Инфостарт

Шрифты оформление костыли Glyphicon обработки.

См. также

Работа с интерфейсом Анализ учета Мониторинг 1С:Предприятие 8 1С 8.3 1C:Бухгалтерия 1С:Бухгалтерия 3.0 1С:ERP Управление предприятием 2 1С:Управление холдингом 1С:Зарплата и Управление Персоналом 3.x 1С:Комплексная автоматизация 2.х 1С:Управление нашей фирмой 3.0 1С:Управление торговлей 11 Платные (руб)

Создайте свой функциональный интерфейс в любой конфигурации 1С с помощью расширения Infostart Dashboard. Настраивайте панели виджетов с метриками, индикаторами и показателями на начальном экране. Узнайте возможность внедрения подсистемы у себя в конфигурации с помощью бесплатной обработки "Анализ внедрения подсистемы 1С Infostart Dashboard"!

31720 руб.

27.03.2025    84288    60    42    

71

Работа с интерфейсом Рабочее место 1С:Предприятие 8 1C:Бухгалтерия 1С:Комплексная автоматизация 2.х Платные (руб)

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

6100 руб.

16.01.2015    68615    46    60    

85

Работа с интерфейсом Программист 1С:Предприятие 8 1C:Бухгалтерия 1С:ERP Управление предприятием 2 Платные (руб)

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

5246 руб.

29.06.2020    24936    34    6    

53

Консолидация данных Работа с интерфейсом Программист Пользователь 1С:Предприятие 8 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Управление нашей фирмой 3.0 1С:Розница 3.0 1C:ERP Узбекистан Беларусь Кыргызстан Россия Казахстан Платные (руб)

Знакомая ситуация? Пользователи, особенно менеджеры, уверены: отборов много не бывает. Идут пожелания добавить в форму списка еще один быстрый фильтр, еще два, еще пять... В итоге интерфейс превращается в нагромождение полей отбора, а потребность в «самом главном» отборе, который «вот прямо сейчас нужен», все равно не закрыта. Универсальное расширение, которое решает эту проблему элегантно и технологично. С его помощью в любую форму списка можно легко добавить панель настраиваемых кнопок-закладок, каждая из которых применяет сложный фильтр-запрос, а так же показывает актуальное количество элементов в реальном времени.

6088 руб.

17.10.2025    2247    3    0    

2

Разработка Инструментарий разработчика Работа с интерфейсом Адаптация типовых решений Нейросети 1C:Бухгалтерия 1C:ERP 1С:ЗУП 1С:КА 1С:УНФ 1С:УТ 1С:Розница 1С:ДО 1С:ERP Управление предприятием 2 Платные (руб)

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

36600 руб.

28.08.2025    8160    2    2    

6

Работа с интерфейсом Программист Стажер 1С:Предприятие 8 Бесплатно (free)

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

20.08.2024    50316    mrXoxot    44    

139

Работа с интерфейсом Программист 1С:Предприятие 8 Бесплатно (free)

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

27.05.2024    26699    smielka    39    

117
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. 🅵🅾️🆇 527 24.02.19 14:01 Сейчас в теме
Операционная система:
Не имеет значения


Также, как минимум, я бы обернул энто дело:
Попытка 
   // Ваша писуля
Исключение 
  Сообщить(СтрШаблон("Похоже, чтото пошло не так. 
    |Не ужели кто то сидит не под виндой, а через линупс/мак/браузер/мобильник. 
    |Или может ""сидит"" не под админскими правами?
    |%1"
    , ОписаниеОшибки()));
КонецПопытки;
Показать


Ну и оставлю ссылочку на замечательный репозиторий: ТЫК
Прикрепленные файлы:
DrAku1a; mak2486; zeegin; +3 Ответить
2. mak2486 13 24.02.19 14:35 Сейчас в теме
(1) Писал это лишь что бы показать возможность использования иконок из шрифтов. Автоматическая регистрация в linux системах может быть осуществлена через: "cp '~/НАША ВРеМЕННАЯ ПАПКА' ~/.fonts". Однако скорее всего возникнет вопрос прав. Так что сделать эту операцию стоит порекомендовать пользователю (оставив путь через Сообщить).

По поводу мака я думаю аналогичная ситуация.

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

Что касается браузера - там начинаются еще большие пляски с бубном чем использование RunDll32.exe для регистрации шрифта.

Обобщая, OS, Linux и Win поддерживать шрифт будут. Просто в masOS и Linux регистрировать шрифты придется вручную.
3. 🅵🅾️🆇 527 24.02.19 14:37 Сейчас в теме
(2) Поэтому, стоит использовать Попытка исключение и кратенькое сообщение, что же именно пошло не так)
А то ничего не откроется и свой отпуск придется проводить на работе.
4. mak2486 13 24.02.19 17:01 Сейчас в теме
(3) Ну выходные это конечно перебор. Но в целом согласен, позже отредактирую малость.
🅵🅾️🆇; +1 Ответить
5. 🅵🅾️🆇 527 28.02.19 18:08 Сейчас в теме
Просто делюсь ссылочкой)
https://fontawesome.com/?from=io
6. mak2486 13 01.03.19 05:30 Сейчас в теме
(5) Признаться, изначально думал что так, как 1с не умеет работать с несколькими штрифтами в одном элементе формы - то шрифты без кириллицы (как в ссылке) не будут выводить буквы.
Перед тем как ответить - решил проверить, и оказался не прав. Кириллицу 1с подставляет из другого шрифта.

P.s. На случай если кто-то не разобрался как качать шрифты по ссылке Fox'а:
1. Переходим на сайт
2. Жмем "Start Using Free"
3. Из тега копируем ссылку на CSS и вставляем тут же в браузер.
4.Ищем по тексту "url" - находит все ссылки на шрифты, но они ОТНОСИТЕЛЬНЫЕ. Это значит:
Если url был таким:
https://use.fontawesome.com/releases/v5.7.2/css/all.css
А ссылка была такой:
../webfonts/fa-regular-400.ttf
В итоге получим:
https://use.fontawesome.com/releases/v5.7.2/webfonts/fa-regular-400.ttf
(двоеточие - переход на один уровень вверх)
Для отправки сообщения требуется регистрация/авторизация