Оригинальное оформление 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С v8.3 8.3.14 1C:Бухгалтерия 1С:ERP Управление предприятием 2 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 Платные (руб)

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

16800 руб.

27.03.2025    5563    12    11    

18

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

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

6000 руб.

18.01.2022    11116    2    2    

7

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

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

2400 руб.

29.06.2020    21037    30    6    

46

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

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

20.08.2024    32877    mrXoxot    44    

135

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

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

27.05.2024    18702    smielka    37    

106

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

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

27.12.2023    20181    1262    elcoan    53    

128

Инструментарий разработчика Работа с интерфейсом Программист 1С v8.3 1C:Бухгалтерия Абонемент ($m)

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

3 стартмани

10.04.2023    14246    174    acces969    31    

131

Работа с интерфейсом Программист 1С v8.3 1C:Бухгалтерия Абонемент ($m)

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

1 стартмани

05.07.2022    11193    kalyaka    7    

35
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
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
(двоеточие - переход на один уровень вверх)
Оставьте свое сообщение