В мире 1С:Предприятия, особенно при работе с управляемыми формами в веб-клиенте, часто возникает вопрос о том, как контролировать размеры форм. Платформа изначально создана с учетом адаптивного дизайна, стремясь обеспечить корректное отображение одной и той же формы в различных средах – тонком клиенте, веб-клиенте и мобильном приложении. Вместо жесткой фиксации размеров, 1С предлагает использовать механизмы адаптации. Давайте вместе разберемся, какие подходы существуют для управления внешним видом форм в веб-версии, чтобы сделать их максимально удобными и функциональными.
Один из самых простых способов, который может помочь в некоторых случаях, это использование режима открытия формы в отдельном окне. Рассмотрим этот вариант подробнее.
Когда форма открывается в отдельном окне браузера, она получает свое собственное пространство, что может повлиять на ее начальное отображение и поведение. В некоторых случаях это позволяет форме использовать большую часть доступного пространства, а также может влиять на то, как браузер управляет ее размерами.
Для того чтобы форма открывалась в отдельном окне, в свойствах формы или при ее вызове программно, вы можете указать соответствующий режим. Однако, важно понимать, что это не является прямой фиксацией размера, а скорее способом предоставления форме большего пространства для адаптации. Мы не фиксируем размер формы, а лишь изменяем контекст ее отображения.
Наиболее эффективный и рекомендованный платформой подход – это тщательная настройка формы непосредственно в Конфигураторе. Это позволяет нам учесть особенности отображения в веб-клиенте и на мобильных устройствах. Разберем этот процесс по шагам.
Открытие формы в Конфигураторе: Прежде всего, нам необходимо открыть нужную форму в Конфигураторе 1С:Предприятия. Найдите форму в дереве объектов конфигурации и откройте ее для редактирования.
Установка режима отображения "Мобильный": В Конфигураторе, при работе с формой, мы можем установить режим отображения "мобильный". Этот режим позволяет нам увидеть, как форма будет выглядеть на экранах с ограниченным пространством. Он является ключевым инструментом для предварительного просмотра и настройки, помогая нам адаптировать форму под малые разрешения.
Настройка свойств элементов и групп:
В режиме "мобильный" или просто при проектировании формы, обратите внимание на следующие свойства элементов и групп:
Ширина и ВажностьОтображения: Эти свойства играют важную роль в адаптации. Мы можем регулировать Ширину элементов, чтобы они занимали оптимальное количество места, но помните, что платформа может корректировать эти значения. Свойство ВажностьОтображения позволяет нам указать, какие элементы являются приоритетными и должны отображаться всегда, а какие могут быть скрыты или перегруппированы при недостатке места. Установите для наиболее важных элементов более высокую важность.
ГруппировкаПодчиненныхЭлементовФормы и ГоризонтальнаяЕслиВозможно: Для групп элементов особенно полезно свойство ГруппировкаПодчиненныхЭлементовФормы. Измените его с "Горизонтально" на "ГоризонтальнаяЕслиВозможно". Это свойство указывает платформе, что элементы группы должны располагаться горизонтально, если для этого достаточно места, и переходить на вертикальное расположение, если места недостаточно. Это один из мощных инструментов для создания адаптивной компоновки, позволяющий форме "дышать" и перестраиваться.
Тестирование с помощью "Повернуть экран" и масштабирования: Для имитации различных размеров экранов, особенно мобильных, мы можем использовать встроенные инструменты Конфигуратора или веб-клиента. В веб-клиенте или в режиме отладки в Конфигураторе, мы можем найти опцию "Повернуть экран". Выберите нестандартные разрешения, например, 1280x720 и установите масштаб 200%. Это позволит нам получить представление о том, как форма будет выглядеть на маленьком мобильном экране (примерно 360 пикселей в ширину). Аналогично, 1280x800 с масштабом 200% даст нам экран около 400 пикселей в ширину.
Эти переключатели позволяют нам визуально оценить, как форма ведет себя при изменении размеров окна, и адаптировать ее соответствующим образом. Мы можем экспериментировать с различными разрешениями, чтобы убедиться, что форма выглядит корректно в большинстве сценариев.
Давайте проанализируем ситуацию с точки зрения общих принципов платформы 1С:Предприятие и выясним некоторые важные нюансы, которые помогут нам в работе с формами.
Фиксация размеров: Платформа 1С:Предприятие, начиная с версии 8.3.7, активно развивает адаптивный дизайн. Мы рекомендуем не жестко устанавливать размеры форм и их элементов. В большинстве случаев платформа сама прекрасно справляется с автоматическим определением размеров для наилучшего отображения. Жесткая фиксация может привести к проблемам на разных устройствах и разрешениях. Исключения составляют, например, декоративные элементы, для которых размер может быть важен.
Свойства Ширина и Высота: Хотя свойства Ширина и Высота существуют для форм и их элементов, их реальные значения в режиме 1С:Предприятие могут не совпадать с заданными, особенно если включено автоматическое определение размеров (когда ширина/высота установлены в 0). Изменение этих свойств на клиенте может потребовать обращения к серверу, что может замедлять работу. Платформа учитывает размеры шрифтов при определении размеров элементов, но не учитывает изменения шрифта через условное оформление.
Новый механизм расстановки элементов: Начиная с версии платформы 8.3.7, был реализован новый механизм расстановки элементов управляемой формы. Этот механизм значительно улучшил размещение элементов и предоставил новые возможности. Изменение некоторых свойств элементов формы на клиенте теперь не требует обращения к серверу, что ускоряет работу. Расчет длин строк (заголовков, надписей) теперь производится на клиенте, используя реальные шрифты, что позволяет избежать неаккуратных "щелей" между элементами.
Пользовательская настройка форм: Мы должны помнить, что пользователи в режиме 1С:Предприятие могут самостоятельно изменять внешний вид формы через меню "Еще – Изменить форму...". В этом окне можно менять видимость, формат, ширину, высоту, текст заголовка и другие свойства элементов. Эти настройки сохраняются в информационной базе и имеют приоритет над настройками Конфигуратора для конкретного пользователя. Поэтому наши усилия по адаптации должны быть достаточно гибкими, чтобы не конфликтовать с пользовательскими настройками.
Особенности веб-клиента: Окно веб-клиента не может быть меньше определенного размера, который зависит от используемого веб-браузера. Если веб-клиент встроен в сторонний сайт, мы можем задавать ширину и высоту элемента