ПолеКартинки.Рамка

Оформить понятное пустое поле картинки

Когда изображения нет, пользователь видит пояснение вместо непонятной пустой области. Кнопка меняет прозрачность фона, не создавая изображение.

Подготовка

1. Нужна отдельная учебная конфигурация без рабочих данных. В Конфигураторе создайте Общие → Общие картинки → УчебныйМаркер. Не изменяйте общие картинки КА2/УНФ/УТ.

2. В картинку УчебныйМаркер импортируйте собственный PNG owned-book-marker-32.png из подпапки lesson-assets рядом с этим руководством. Если файла нет, в каталоге руководства запустите C:\Python314\python.exe make-lesson-picture-fixture.py. Это включённая учебная отметка 32×32, не скачивание из интернета.

3. Обновите только учебную конфигурацию. Имя УчебныйМаркер используется в БиблиотекаКартинок.УчебныйМаркер; произвольную двоичную картинку нельзя присвоить вместо библиотечной в рассматриваемых свойствах.

4. Создайте отдельную внешнюю обработку с обычной формой, реквизитами УчебнаяПоказана (Булево) и УчебныеНажатия (Число 6.0). Добавьте поле картинки УчебноеИзображение, обычную кнопку УчебнаяКоманда вне картинки.

5. ПриОткрытии свяжите с процедурой модуля. Другие действия вручную не назначайте: код использует Действие и экспортные процедуры с первым параметром Элемент. ПриОткрытии самой обычной формы остаётся без параметров. Запускайте толстым клиентом с обычными формами.

6. Каждый урок — полный модуль отдельной копии. Картинка, переключатели и счётчик принадлежат только учебной форме в памяти.

Процедура ПриОткрытии()
    УчебнаяПоказана = Истина;
    УчебныеНажатия = 0;
    Картинка = ЭтаФорма.ЭлементыФормы.УчебноеИзображение;
    Картинка.Картинка = БиблиотекаКартинок.УчебныйМаркер;
    Картинка.Гиперссылка = Ложь;
    Картинка.РазрешитьНачалоПеретаскивания = Ложь;
    Картинка.РазрешитьПеретаскивание = Ложь;
    Кнопка = ЭтаФорма.ЭлементыФормы.УчебнаяКоманда;
    Кнопка.УстановитьДействие("Нажатие", Новый Действие("ВыполнитьУчебноеДействие"));
    Картинка.Картинка = Новый Картинка;
    УчебнаяПоказана = Ложь;
    Картинка.ТекстНевыбраннойКартинки = "Нет учебного изображения" + Символы.ПС + "Файл не удалялся";
    Картинка.Рамка = Новый Рамка(ТипРамки.Одинарная);
    Картинка.ЦветРамки = Новый Цвет(180, 195, 210);
    Картинка.ЦветТекста = Новый Цвет(24, 40, 60);
    Картинка.ЦветФона = Новый Цвет(235, 244, 255);
    Картинка.Шрифт = Новый Шрифт(Картинка.Шрифт, , 12, Ложь);
    Картинка.ПрозрачныйФон = Ложь;
    Картинка.Доступность = Истина;

КонецПроцедуры

Процедура ВыполнитьУчебноеДействие(Элемент) Экспорт
    Картинка = ЭтаФорма.ЭлементыФормы.УчебноеИзображение;
    Картинка.ПрозрачныйФон = НЕ Картинка.ПрозрачныйФон;
    Сообщить("Прозрачность: " + Строка(Картинка.ПрозрачныйФон));
    Сообщить(Картинка.Доступность);
    Сообщить(НЕ УчебнаяПоказана);
    Сообщить(УчебныеНажатия = 0);
КонецПроцедуры

Разбор по шагам

1. Вместо картинки задана допустимая пустая Картинка и отдельное двухстрочное пояснение.

2. Рамка одинарная: ЦветРамки применим; для выпуклой/вдавленной рамки платформа использует другой способ формирования цвета.

3. ЦветТекста и Шрифт относятся к пояснению. ЦветФона виден там, где нет рисунка; прозрачность меняется отдельно.

4. Кнопка находится вне поля, её действие не теряется при изменении оформления картинки.

Как проверить результат

1. Три Истина и фактическое значение прозрачности. Пояснение остаётся, картинка не восстанавливается.

2. Проверьте глазами фон в обоих состояниях в толстом клиенте.

Ожидаемый результат

Пустое состояние имеет читаемое пояснение и управляемый фон.

На что обратить внимание

1. Прозрачность фона не изменяет пиксели PNG и не удаляет ресурс.

2. Точное отображение зависит от темы толстого клиента и требует проверки 1С.

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