Перейти к содержимому

Исходный код вики Редактор иконок

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