При переходе с обычных форм на управляемые разработчики часто сталкиваются с вопросом: куда исчезла привычная замкнутая рамка группы, которая позволяла наглядно объединять связанные реквизиты? Разберем, почему привычного элемента управления больше нет и какие штатные инструменты платформы 1С 8.3 позволяют удобно сгруппировать поля в современном интерфейсе.
Проанализируем поведение платформы. В обычных формах у элемента управления присутствовало прямое свойство рамки, формировавшее замкнутый прямоугольный контур вокруг группы. В управляемых формах механизмами отрисовки управляет сама платформа в зависимости от выбранного варианта интерфейса.
Если в классическом интерфейсе управляемого приложения при установке свойства Отображение в значение Сильное выделение рамка еще отображалась, то в интерфейсе Такси замкнутые границы были полностью исключены. Это архитектурное решение фирмы «1С», обусловленное концепцией плоского интерфейса: лишние прямоугольные контуры создают визуальный шум и перегружают экран. Вместо сплошной рамки платформа выводит аккуратную вертикальную полосу акцента слева от содержимого группы.
Выясним причину необходимости альтернативных решений: вернуть старую прямоугольную рамку штатным свойством в «Такси» невозможно, поэтому проектировать форму необходимо с использованием современных стандартов юзабилити 1С.
Рассмотрим базовый вариант визуального объединения элементов через свойства группы формы:
Отображение.Сильное выделение.В результате слева от группы появится вертикальная полоса, наглядно объединяющая все подчиненные элементы в единый блок без загромождения формы лишними границами.
Посмотрим на рекомендации стандартов разработки 1С: основным инструментом логического разделения полей выступает заголовок родительской группы. Разберем по шагам, как сделать его заметным и информативным:
ОтображатьЗаголовок = Истина.Заголовок.ШрифтЗаголовка: выберем полужирное начертание или немного увеличим размер кегля.ЦветТекстаЗаголовка, выбрав гармоничный системный цвет из палитры стиля конфигурации.Такой подход делает структуру документа или справочника интуитивно понятной пользователю даже без использования замкнутых рамок.
Если логический блок содержит множество второстепенных полей или настройки, которые требуются не при каждом открытии формы, разберем применение динамического поведения группы:
Поведение и установим его в значение Свертываемая.Платформа автоматически добавит к заголовку пиктограмму сворачивания и разворачивания. Это четко обособляет смысловой блок и экономит рабочее пространство на мониторе пользователя.
Вместо четких контуров современный интерфейс 1С предлагает использовать легкую подложку (эффект карточки). Разберем, как реализовать такое оформление:
Отображение значение Слабое выделение. Платформа самостоятельно окрасит фон группы в мягкий стандартный оттенок.ЦветФона. Важно выбирать только очень светлые пастельные оттенки либо системные цвета стиля, чтобы текст полей оставался контрастным и легко читаемым.Рассмотрим дополнительные элементы визуальной организации формы, когда на ней расположено много независимых блоков данных:
Декорация с типом Линия. Горизонтальная черта позволяет отсечь одну смысловую область от другой без создания замкнутых контуров.Страницы и вложенных групп с видом Страница. Это полностью снимает проблему перегруженности формы и четко структурирует контекст работы.Проанализируем ситуацию, когда стандартных возможностей формы недостаточно (например, при создании специализированных рабочих мест, мониторов руководителя или интерактивных дашбордов), и замкнутая рамка требуется обязательно.
В таком случае на форму добавляется элемент Поле HTML документа. С помощью языка разметки и стилей CSS можно сформировать контейнер с любыми параметрами границы, например border: 1px solid #ccc;. Однако помним, что этот метод не рекомендуется для типовых форм ввода учетных данных, так как усложняет валидацию, передачу реквизитов и поддержку прикладного решения.