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

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

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

31720 руб.

27.03.2025    78195    53    40    

63
Дизайнер форм 1С

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

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

36600 руб.

28.08.2025    7187    2    2    

6
Динамическое управление видимостью и доступностью элементов форм (УФ) (8.3.6+)

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

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

6100 руб.

14.01.2016    59959    22    25    

47
Удобные фильтры: динамические кнопки-закладки для списков в 1С

Консолидация данных Работа с интерфейсом Программист Пользователь 1С:Предприятие 8 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Управление нашей фирмой 3.0 1С:Розница 3.0 1C:ERP Узбекистан Беларусь Кыргызстан Россия Казахстан Платные (руб)

Знакомая ситуация? Пользователи, особенно менеджеры, уверены: отборов много не бывает. Идут пожелания добавить в форму списка еще один быстрый фильтр, еще два, еще пять... В итоге интерфейс превращается в нагромождение полей отбора, а потребность в «самом главном» отборе, который «вот прямо сейчас нужен», все равно не закрыта. Универсальное расширение, которое решает эту проблему элегантно и технологично. С его помощью в любую форму списка можно легко добавить панель настраиваемых кнопок-закладок, каждая из которых применяет сложный фильтр-запрос, а так же показывает актуальное количество элементов в реальном времени.

6088 руб.

17.10.2025    1840    3    0    

2
Настройки управляемых форм (списков, объектов), заполнение реквизитов по условиям, контроль заполнения, доступ для 1С:УТ 11

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

Настройки управляемых форм (списков, объектов), заполнение реквизитов по условиям, контроль заполнения, условное оформление, доступ и пр. для 1С

6100 руб.

20.02.2018    23135    25    21    

42
Универсальный редактор картинок 1С, хранимых в базе, с возможностью рисования

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

Универсальный редактор картинок 1С предназначен для обработки изображений в режиме «Предприятие», с возможностью рисовать на них. Поддерживается работа как в обычных формах (толстый клиент) так и на управляемых формах (тонкий клиент). Обработка позволяет редактировать как картинки, хранимые в базе, так и графические файлы с диска на файловой системе. Помимо базовых функций (изменение размеров, преобразование формата, обрезание картинки, повороты и т.п.) – редактор имеет богатый набор инструментов для рисования. Доступна функция вставки изображения из буфера обмена. Объект может быть использован: на стороне клиента, на стороне сервера, из внешнего соединения. Обработка будет особенно полезна тем, кто вносит картинки в базу (изображения номенклатуры, фотографии физических лиц и т.п.). Функционал реализуется с использованием JavaScript и бесплатного ПО ImageMagick (без использования внешних компонент).

6100 руб.

16.01.2015    67916    46    60    

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

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

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

20.08.2024    48447    mrXoxot    44    

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

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

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

27.05.2024    26184    smielka    38    

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

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

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


Единственный минус - в варианте с УО в выделенной строке цвет искажается, а в вашем решении нет) Так что вариант интересный))
Прикрепленные файлы:
gruk; +1 – Ответить
3. gruk 60 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 60 11.03.25 14:02 Сейчас в теме
(2) Круто и человекочитаемо. Особенно если исходный цвет в веб-формате "#ff00ff".
+ – Ответить
6. gruk 60 11.03.25 15:22 Сейчас в теме
(2) Но я бы не стал использовать, т.к. bmp обрабатывается быстрее и на этапе создания и на этапе отображения.
+ – Ответить
4. gruk 60 11.03.25 14:01 Сейчас в теме
(2) Круто и человекочитаемо. Особенно если исходный цвет в веб-формате "#ff00ff".
+ – Ответить
7. ltfriend 12.03.25 08:52 Сейчас в теме
Немного подушню. 24 бит - это 16 млн значений, а не 65536. 16777216 если быть точным.
gruk; +1 – Ответить
8. gruk 60 13.03.25 11:39 Сейчас в теме
(7) Точно! Поправлю, спасибо. Просто цифра 65536 в мозгу прочно сидит со времен когда компьютеры были большими, а программы маленькими, написал автоматом )))
+ – Ответить
Для отправки сообщения требуется регистрация/авторизация