Skip to Content

Wiki source code of Редактор иконок

Version 3.1 by admin on 2026/06/07 17:22
Show last authors
1 Вкладка **Редактор иконок **раздела [[doc:ui.Параметры узла.Элементы.WebHome]] содержит инструментарий задания иконок для различных комбинаций меток.
2
3 {{info}}
4 Элемент в АРМ НЕЙРОСС Центр может быть нанесён на план в виде точечной иконки. Иконка элемента зависит от состояния элемента и выбирается из стандартного набора НЕЙРОСС-иконок, но может быть переопределена. Состояние элемента описывается комбинацией меток различных типов. Перечень стандартных состояний элементов и варианты индикации этих состояний приведён в разделе ~[[[doc:ui.Состояния элементов НЕЙРОСС\: метки, иконки.WebHome]]].
5 {{/info}}
6
7 (% style="color: rgb(23,43,77);" %)Вы можете:
8
9 * (% style="color: rgb(23,43,77);" %)переопределить НЕЙРОСС-иконки для стандартных комбинаций меток;
10 * (% style="color: rgb(23,43,77);" %)создать новые произвольные наборы меток (в том числе с использованием пользовательских меток) и назначить им иконки.
11
12 {{info}}
13 **Переход к функционалу**:
14
15 * С версии 20.40 ~[[[doc:ui.Рабочий стол НЕЙРОСС.Изменения интерфейса НЕЙРОСС.WebHome]]]: [[doc:ui.Рабочий стол НЕЙРОСС.WebHome]] > [[doc:ui.Параметры узла.WebHome]] > [[doc:ui.Параметры узла.Элементы.WebHome]]> вкладка Редактор иконок.
16 * До версии 20.39 включительно: Рабочий стол НЕЙРОСС > Конфигурация узлов > Элементы > вкладка Редактор иконок.
17 {{/info}}
18
19 [[image:attach:ui.Параметры узла.WebHome@content.png||thumbnail="true" height="10"]] Содержание:
20
21 {{toc/}}
22
23 == {{id name="Редакториконок-Окновкладки"/}}(% style="font-size: 20.0px;letter-spacing: -0.008em;" %)Окно вкладки(%%) ==
24
25 [[image:attach:s_elements_icon_prp.png||width="800"]]
26
27 1. **Список наборов меток**: перечень всегда содержит несколько десятков стандартных комбинаций меток, можно добавить произвольное количество пользовательских комбинаций меток.
28 1. (((
29 **Поле поиска**: позволяет легко отфильтровать наборы меток (на скриншоте выше метки отобраны по слову «зона»)/
30
31 {{info}}
32 C версии 20.25 дополнительно вы можете показать только стандартные или только пользовательские наборы с указанной меткой.
33
34 [[image:attach:elements_icons_search_by_type.png||width="460"]]
35 {{/info}}
36 )))
37 1. **Иконка текущего набора меток**: превью изображения из файла, назначенного выбранному в списке [1] набору меток. Чтобы изменить иконку, достаточно указать путь к файлу изображения. На скриншоте выше  стандартная иконка [[image:attach:icons_zone_normal.png||thumbnail="true" width="26"]] для набора: **ЗонаОТС, Норма** заменена пользовательской [[image:attach:icons_zone_normal_new.png||thumbnail="true" height="33"]], можно выполнить сброс к значению по умолчанию: (% style="color: rgb(0,0,255);" %)сбросить иконку(%%).
38
39 == {{id name="Редакториконок-Требованиякфайламиконок"/}}Требования к файлам иконок ==
40
41 Принимаются файлы следующих форматов:
42
43 * (% style="color: rgb(68,68,68);" %)PNG, в том числе с альфаканалом (прозрачностью);
44 * (% style="color: rgb(68,68,68);" %)JPEG, JPG;
45 * (% style="color: rgb(68,68,68);" %)ICO;
46 * (% style="color: rgb(68,68,68);" %)GIF, в том числе анимированные.
47
48 (% style="color: rgb(68,68,68);" %)Рекомендуется использовать квадратные иконки размером не не более 256х256 px во избежание излишней нагрузки на сервер.
49
50 (% style="color: rgb(68,68,68);" %)Иконки отображаются в размере **32х32** px, если изображение больше этого размера, оно будет сжато, если изображение меньше этого размера, оно будет растянуто, если изображение не квадратное, оно будет деформировано таким образом, чтобы быть вписанным в квадрат.
51
52 {{info}}
53 Иконки для состояния потери связи** НетСвязи** не назначаются (как для стандартных, так и для пользовательских иконок). Они формируются следующим образом: иконка элемента затеняется, поверх отображается перечёркнутый оранжевый круг для привлечения внимания.
54 [[image:attach:elements_icons_notlink.png||thumbnail="true" height="34"]]
55 {{/info}}
56
57 == {{id name="Редакториконок-Переопределениестандартныхиконок"/}}Переопределение стандартных иконок ==
58
59 По умолчанию, если нет собственных наборов меток, иконки не переопределялись, и элемент нанесён на план в виде точечного элемента, отображается стандартная иконка ~[[[doc:ui.Состояния элементов НЕЙРОСС\: метки, иконки.WebHome]]].
60
61 При необходимости переопределения стандартной иконки:
62
63 1. На вкладке **Редактор иконок **выберите в списке наборов меток [1] требуемый набор.
64 1. Укажите путь к файлу новой иконки [2].
65 1. Дождитесь загрузки файла. Вы увидите превью иконки.
66 1. Обновите окно [[neyross.АРМ НЕЙРОСС Центр.WebHome]] (F5), если АРМ запущен.
67
68 При необходимости сброса пользовательской иконки и возврата к стандартной:
69
70 1. В списке наборов меток [1] выберите требуемый набор.
71 1. Нажмите на ссылку (% style="color: rgb(0,0,255);" %)сбросить иконку(%%) [2].
72 1. Обновите окно [[neyross.АРМ НЕЙРОСС Центр.WebHome]] (F5), если АРМ запущен.
73
74 == {{id name="Редакториконок-Назначениеиконокдлясобственныхнаборовметок"/}}Назначение иконок для собственных наборов меток ==
75
76 С помощью [[редактора иконок>>doc:||anchor="Редакториконок-Редакториконок"]] вы можете переопределить вид иконок для произвольных наборов меток. Возможно использовать метки типов элементов, метки состояний элементов, меток состояний компонентов (дверей, замков) ~[[[Перечень меток>>doc:ui.Состояния элементов НЕЙРОСС\: метки, иконки.WebHome]]], а также произвольные пользовательские метки.
77
78 {{info}}
79 **АЛГОРИТМ ВЫБОРА ВИДА ОТОБРАЖЕНИЯ**
80
81 1. В списке наборов меток [1] ищем набор, с которым совпадает наибольшее количество меток элемента (порядок меток в наборе не имеет значения). Если такой набор один, берём вид отображения из него.
82 1. Если в п 1. нашли больше одного набора меток, то берётся произвольный.
83
84 **ВНИМАНИЕ**
85
86 Если для [[опубликованных >>neyross.Настройка Платформы НЕЙРОСС.Инструменты интеграции.Представление (публикация) элементов ITRIUM ПАК Интеграция в НЕЙРОСС.WebHome]]в сеть НЕЙРОСС элементов ITRIUM/ПАК Интеграция, в программе Администратор системы уже назначены иконки и осуществлена в ручном или автоматическом режиме [[выгрузка конфигурации>>doc:ui.Сеть.WebHome||anchor="Сеть-Выгрузкаконфигурацииузлов"]], иконки вычитываются и средствами данного раздела не переопределяются. Если же иконки не назначены, им в Платформе НЕЙРОСС присваиваются стандартные иконки согласно типу элемента и они могут быть [[переопределены >>doc:||anchor="Редакториконок-НазначениеиконокдляэлементовITRIUM/ПАКИнтеграция"]]путём создания собственного набора меток.
87
88 **ПРИМЕР**
89
90 Чтобы из группы однотипных элементов выделить подгруппу, нужно:
91
92 1. «Пометить» эти элементы — назначить каждому из этих элементов одну или несколько пользовательских меток;
93 1. Создать новые наборы меток для каждого состояния, отображение которого должно отличаться.
94
95 Например, для выделения периметра, необходимо для каждой зоны периметра назначить пользовательскую метку, (Периметр или любую другую) и создать наборы меток:
96
97 * ЗонаОТС Норма НаОхране Периметр
98 * ЗонаОТC Норма БезОхраны Периметр
99 * ЗонаОТС Тревога Периметр
100 * ЗонаОТС Неисправность Периметр
101 * ЗонаОТС Невзятие Периметр
102
103 Для каждого набора подготовить собственную иконку, например: [[image:attach:icons_perimetr_armed.png||thumbnail="true" width="26"]] [[image:attach:icons_perimetr_normal.png||thumbnail="true" width="26"]] [[image:attach:icons_perimeter_alarm.png||thumbnail="true" width="26"]] [[image:attach:icons_perimetr_fault.png||thumbnail="true" width="26"]] [[image:attach:icons_perimetr_notarmed.png||thumbnail="true" width="26"]]
104
105 **ПОДСКАЗКА**
106
107 Текущий полный набор меток элемента приведён на вкладке [[#Элементы>>doc:||anchor="Редакториконок-Элементы"]] данного раздела или в окне команд элемента в [[neyross.АРМ НЕЙРОСС Центр.WebHome]] ~[[[neyross.АРМ НЕЙРОСС Центр.Управление элементами.WebHome]]].
108 {{/info}}
109
110 \\
111
112 **Создание нового набора меток**
113
114 1. В списке наборов меток [1] нажмите на кнопку [[image:attach:btn_plus_circle.png||thumbnail="true" height="17"]] **Добавить**.
115 1. В отобразившемся окне задайте сочетание меток, для которого требуется задать свою метку. Для этого последовательно выберите требуемые метки из списка или впишите их названия в поле поиска. По завершении выбора нажмите на кнопку **ОК**.
116 [[image:attach:elements_icons_add.png]]
117 1. Укажите путь к файлу иконки и нажмите на кнопку **ОК**.
118 [[image:attach:elements_icons_add_file.png]]
119 1. (% style="color: rgb(23,43,77);" %)Разместите элемент на плане, имитируйте требуемое состояние элемента и проверьте вид отображения элемента в разделе (%%)[[Ситуационный центр>>doc:ui.Параметры узла.Планы и карта.WebHome||style="text-align: left;" shape="rect"]](% style="color: rgb(23,43,77);" %) или в (%%)[[АРМ НЕЙРОСС Центр>>doc:neyross.АРМ НЕЙРОСС Центр.Управление элементами.WebHome||style="text-align: left;" shape="rect"]](% style="color: rgb(23,43,77);" %).(%%)
120 [[image:attach:elements_icons_perimetr.png]]
121 1. Создайте набор меток для каждого из состояний элемента.
122 [[image:attach:elements_icons_perimetr_list.png]]
123
124 \\
125
126 **Редактирование иконки**
127
128 1. Выберите комбинацию меток в списке [1].
129 1. Укажите путь к файлу новой иконки [2].
130 1. Дождитесь загрузки файла. Вы увидите превью иконки.
131 1. Обновите окно [[neyross.АРМ НЕЙРОСС Центр.WebHome]] (F5), если запущен.
132
133 \\
134
135 **Удаление комбинации меток**
136
137 1. В списке [1] наведите указатель мыши на строку с требуемой комбинацией меток и нажмите на кнопку [[image:attach:btn_delete.png||thumbnail="true" height="16"]] **Удалить**.
138 1. В окне подтверждения удаления нажмите на кнопку **ОК**.
139 [[image:attach:elements_icons_del_confirm.png]]
140
141 == {{id name="Редакториконок-Экспорт/импортиконок"/}}Экспорт(% style="letter-spacing: -0.008em;" %)/импорт иконок(%%) ==
142
143 С версии 20.16 Платформы НЕЙРОСС реализована функция экспорта настроек данной вкладки для последующего импорта на другом узле Платформа НЕЙРОСС. Также вы можете использовать возможность экспорта для получения изображения всех иконок с целью их дальнейшего использования для новых комбинаций меток.
144
145 При экспорте формируется ZIP-архив вида
146
147 {{code language="java"}}
148 plan_marker_image_export_20241127_161359.zip
149 {{/code}}
150
151 Где 20241127 — год месяц и день экспорта в формате ГГГГММДД.
152
153 Архив содержит файлы изображений иконок в формате PNG, набор меток указан в имени файла, и файл конфигурации data.json.
154
155 [[image:attach:elements_icons_exportfile.png]]
156
157 {{info}}
158 Функция экспорта/импорта конфигурации доступна с версии 20.16 Платформы НЕЙРОСС. До версии 20.24 иконки экспортировались без расширения. Для просмотра изображения задайте файлам расширение PNG или обновите версию Платформы до 20.24 и выполните экспорт.
159 {{/info}}
160
161 \\
162
163 **Порядок экспорта**
164
165 Нажмите на кнопку **Экспорт иконок** [[image:attach:ui.Параметры узла.WebHome@btn_down.png||thumbnail="true" height="16"]], расположенную в заголовке списка наборов меток [1]. Будет сформирован файл архива и сохранён в папку загрузок браузера.
166
167 \\
168
169 **Порядок импорта**
170
171 Нажмите на кнопку **Импорт иконок** [[image:attach:ui.Параметры узла.WebHome@btn_up.png||thumbnail="true" height="16"]], расположенную в заголовке списка наборов меток [1].
172
173 В отобразившемся окне укажите путь к файлу архива и нажмите на кнопку **Импортировать**.
174
175 [[image:attach:elements_icons_import.png||height="192"]]
176
177 Вся конфигурация вкладки будет заменена содержимым архива.
178
179 == {{id name="Редакториконок-НазначениеиконокдляэлементовITRIUM/ПАКИнтеграция"/}}Назначение иконок для элементов ITRIUM/ПАК Интеграция ==
180
181 {{info}}
182 Если иконки элементов не назначены средствами ITRIUM/ПАК Интеграции, им в Платформе НЕЙРОСС присваиваются стандартные иконки согласно типу элемента и они могут быть переопределены. Набор меток формируется на основе метки типа элемента и метки состояния элемента, также вы можете использовать пользовательские метки.
183 {{/info}}
184
185 1. (((
186 На вкладке [[#Элементы>>doc:||anchor="Редакториконок-Элементы"]]найдите в дереве функциональных элементов требуемый элемент и узнайте метку типа элемента.
187
188 {{info}}
189 Перечень локализованных меток элементов приведён на странице [[doc:ui.Состояния элементов НЕЙРОСС\: метки, иконки.WebHome]], однако часть типов элементов пока имеет вид **itriumType:XXXX**, например, — (% style="color: rgb(70,70,70);" %)**itriumType:7306**.
190 [[image:attach:elements_icons_itrium.png]]\\
191 {{/info}}
192 )))
193 1. Для каждого из возможных состояний элементов создайте комбинацию метки состояния и метки вида **itriumType:7306**, задайте иконку.
194 1. (% style="color: rgb(23,43,77);" %)Имитируйте требуемое состояние элемента и проверьте вид отображения полигонов в разделе (%%)[[Ситуационный центр>>doc:ui.Параметры узла.Планы и карта.WebHome||style="text-align: left;" shape="rect"]](% style="color: rgb(23,43,77);" %) или в (%%)[[АРМ НЕЙРОСС Центр>>doc:neyross.АРМ НЕЙРОСС Центр.Управление элементами.WebHome||style="text-align: left;" shape="rect"]](% style="color: rgb(23,43,77);" %).(%%)
195 [[image:attach:elements_icons_itrium_control.png]]