Оригинальное оформление 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 1 850 руб. Купить

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

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

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

Доброго времени суток, форумчане.
Сегодня речь пойдет о встраивании иконок в виде шрифтов в 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С:Библиотека стандартных подсистем 1С:ERP Управление предприятием 2 1С:Управление холдингом 1С:Зарплата и Управление Персоналом 3.x 1С:Комплексная автоматизация 2.х 1С:Управление нашей фирмой 3.0 1С:Управление торговлей 11 Платные (руб)

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

28800 руб.

27.03.2025    56405    31    25    

45

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

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

36000 руб.

28.08.2025    2703    1    2    

4

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

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

6000 руб.

14.01.2016    58242    20    25    

46

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

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

5160 руб.

29.06.2020    22865    32    6    

51

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

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

5040 руб.

06.10.2020    12852    8    8    

14

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

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

20.08.2024    43395    mrXoxot    44    

138

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

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

27.05.2024    24834    smielka    38    

111
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. 🅵🅾️🆇 526 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. 🅵🅾️🆇 526 24.02.19 14:37 Сейчас в теме
(2) Поэтому, стоит использовать Попытка исключение и кратенькое сообщение, что же именно пошло не так)
А то ничего не откроется и свой отпуск придется проводить на работе.
4. mak2486 13 24.02.19 17:01 Сейчас в теме
(3) Ну выходные это конечно перебор. Но в целом согласен, позже отредактирую малость.
🅵🅾️🆇; +1 Ответить
5. 🅵🅾️🆇 526 28.02.19 18:08 Сейчас в теме
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
(двоеточие - переход на один уровень вверх)
Для отправки сообщения требуется регистрация/авторизация