Раскраска ячейки таблицы значений для управляемых форм

11.03.25

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

+9 –
  • Снимок экрана_2025-02-04_20-38-13.png
Программная установка цвета ячейки таблицы значений (УФ) в зависимости от значения цвета, хранящегося в строке без использования условного оформления.

Проблема

Потребовалось отображать установленный пользователем цвет в таблице значений в управляемых формах. На обычных формах это делалось просто, на управляемых предлагается использовать условное оформление. Но проблема в том, что для 24-х битного цвета возможно более 16 миллионов значений и использование условного оформления для этой цели не совсем подходит. Конечно его можно задать программно, но это выглядит как гигантский костыль, потому что придется задать столько условий сколько в списке цветов. Вот было бы здорово еслиб можно было указать в качестве цвета оформления поле компоновки с этим цветом.

Поиск в интернете результатов не дал, кроме советов по условному оформлению. Ну почему должно быть всё так сложно, что может быть проще отображения цвета...

Стоп!

Ячейка таблицы формы может отображать картинку. Попробуем это использовать.

 

Решение

Оказалось всё очень просто.

У нас есть таблица значений. В одной колонке хранится цвет (тип Цвет, но можно и в любом другом немного адаптировав решение), в другой колонке будем отображать этот цвет (тип Картинка).

Нужно в цикле пробежать все строки таблицы и установить картинку нужного цвета. Где взять столько картинок - будем создавать в памяти "на лету".

  1. Создаём буфер двоичных данных, например из HEX-строки. Это двоичные данные 24-х битной картинки формата BMP размером 1х1 пиксель.
  2. Приводим цвет 1С к абсолютному цвету чтобы получить его компоненты.
  3. Устанавливаем байты в буфере отвечающие за компоненты цвета пикселя.
  4. Получаем из буфера двоичные данные.
  5. Получаем картинку из двоичных данных.

Как-то так. Кому просто нужен код и нет желания заморачиваться - качайте обработку из статьи Настройка цветов серий в диаграмме отчета на СКД. Там есть форма выбора цветов.

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

цвет ячейки

+9 –

См. также

Infostart Dashboard: Монитор показателей, виджеты и дашборды в 1С 8.3

Работа с интерфейсом Анализ учета Мониторинг 1С v8.3 8.3.14 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    47674    26    22    

39
Управление дашбордами в 1С

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

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

5160 руб.

29.06.2020    22385    32    6    

50
Редактор графов в 1С

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

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

5040 руб.

06.10.2020    12417    8    8    

14
Дизайн Гайд для создания форм на 1С. Когда и как использовать различные элементы, примеры и антипримеры по использованию

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

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

20.08.2024    41121    mrXoxot    44    

136
Прогресс-бар в поле динамического списка

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

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

27.05.2024    24165    smielka    38    

111
Новогоднее оформление для 1С

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

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

27.12.2023    22144    1310    elcoan    53    

128
Конструктор HTML, CSS и javascript

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

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

3 стартмани

10.04.2023    15821    178    acces969    31    

132
{UI/UX} Свой всплывающий информер у элемента формы

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

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

12.08.2022    11400    rpgshnik    39    

96
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. XilDen 719 11.03.25 13:13 Сейчас в теме
Т.е. программная работа с условным оформлением - это гигантский костыль, а описанное решение в статье - нет?)))
Не так уж страшна работа с условным оформлением) Вот, накидал пример за 15 минут: 

&НаСервере
Процедура ДобавитьУсловноеОформление(НазваниеЦвета, ЗначениеЦвета) 
	
	ЭлементОформления = УсловноеОформление.Элементы.Добавить();
	ЭлементОтбора = ЭлементОформления.Отбор.Элементы.Добавить(Тип("ЭлементОтбораКомпоновкиДанных"));
	ЭлементОтбора.ЛевоеЗначение = Новый ПолеКомпоновкиДанных("Таблица.ЗначениеСтрока");
	ЭлементОтбора.ВидСравнения = ВидСравненияКомпоновкиДанных.Равно;
	ЭлементОтбора.ПравоеЗначение = НазваниеЦвета;
	ЭлементОтбора.Использование = Истина;
	ЭлементОформления.Оформление.УстановитьЗначениеПараметра("ЦветФона", ЗначениеЦвета);
	ПолеОформления = ЭлементОформления.Поля.Элементы.Добавить();
	ПолеОформления.Поле = Новый ПолеКомпоновкиДанных("ТаблицаЦвет");
	ПолеОформления.Использование = Истина;
	ЭлементОформления.Использование = Истина;
	
КонецПроцедуры

&НаКлиенте
Процедура ТаблицаЗначениеПриИзменении(Элемент)
	
	ТекДанные = Элементы.Таблица.ТекущиеДанные;
	
	Если ТекДанные = Неопределено Тогда
		Возврат;
	КонецЕсли;
	
	ТекДанные.ЗначениеСтрока = Строка(ТекДанные.Значение);
	ДобавитьУсловноеОформление(ТекДанные.ЗначениеСтрока, ТекДанные.Значение);
	
КонецПроцедуры
Показать


Единственный минус - в варианте с УО в выделенной строке цвет искажается, а в вашем решении нет) Так что вариант интересный))
Прикрепленные файлы:
gruk; +1 – Ответить
3. gruk 55 11.03.25 13:59 Сейчас в теме
(1) Условное оформление чтука крутая, бесспорно. И работать программно с ней тоже просто. Почему гигантский костыль? Например, в таблице 250 строк с разными цветами - потребуется 250 элементов условного оформления. Каждая строка пройдёт через эти условия проверки (сравнение строковых значений). А если учесть что какое-то условное оформление уже используется? Вот потому и гигантский )))

Ваше решение несомненно очень интересное и крутое. И несмотря на "единственный минус" (меня он тоже всегда бесил) у него есть и жирный плюс - оформляет любое поле или строку целиком, в т.ч. с текстом )).

Как говорится, кому что и для чего нужно.
XilDen; +1 – Ответить
2. dhurricane 11.03.25 13:38 Сейчас в теме
Можно попробовать вместо bmp сгенерировать svg: 
<sv g width="10" height="10" xmlns="http://www.w3.org/2000/svg">
 <g>
   <rect id="svg_1" height="10" width="10" fill="#ff00ff"/>
 </g>
</svg>
gruk; +1 – Ответить
5. gruk 55 11.03.25 14:02 Сейчас в теме
(2) Круто и человекочитаемо. Особенно если исходный цвет в веб-формате "#ff00ff".
+ – Ответить
6. gruk 55 11.03.25 15:22 Сейчас в теме
(2) Но я бы не стал использовать, т.к. bmp обрабатывается быстрее и на этапе создания и на этапе отображения.
+ – Ответить
4. gruk 55 11.03.25 14:01 Сейчас в теме
(2) Круто и человекочитаемо. Особенно если исходный цвет в веб-формате "#ff00ff".
+ – Ответить
7. ltfriend 12.03.25 08:52 Сейчас в теме
Немного подушню. 24 бит - это 16 млн значений, а не 65536. 16777216 если быть точным.
gruk; +1 – Ответить
8. gruk 55 13.03.25 11:39 Сейчас в теме
(7) Точно! Поправлю, спасибо. Просто цифра 65536 в мозгу прочно сидит со времен когда компьютеры были большими, а программы маленькими, написал автоматом )))
+ – Ответить
Для отправки сообщения требуется регистрация/авторизация