Поведение таблиц при сжатии по горизонтали

Сначала, ничего не меняя, посмотрим, как выглядят формы списков в случае полной автоматической адаптации к размеру нашего планшета.

Запустим наше приложение (Демо 8.3.12) от имени пользователя с именем Администратор. Жестом пролистывания слева откроем список разделов приложения.

В разделе Продажи по команде Продажи откроем список продаж товаров (список документов РасходТовара). Оценим вид списка продаж в вертикальной и горизонтальной ориентации планшета (рис. 5.3).

Рис. 5.3. Список продаж товаров

Мы видим, что вид списка продаж (как и любых других списков) изменился по сравнению с экраном стационарного компьютера. Таблицы списка имеют только вертикальную прокрутку и сжимаются по горизонтали. При этом колонки, не умещающиеся в одну строку, не отображаются, а их значения переносятся на следующую строку и отображаются мелким курсивом разного цвета через запятую.

Рассмотрим подробно, какие свойства на мобильном клиенте определяют такое поведение.

Ключевым свойством, помогающим формам (самостоятельно или с помощью разработчика) адаптироваться к экранам мобильных устройств, является свойство ВажностьПриОтображении. Это свойство есть у полей формы, групп, страниц, таблиц и других элементов формы. Оно принимает значения перечисления ВажностьПриОтображении:

• Авто. Элементам формы, связанным с основным реквизитом формы, устанавливается важность ОченьВысокая. Важность Высокая присваивается командным панелям, источником которых выступает сама форма, и т. д.

Подробнее об этом можно прочитать в документации «1С:Предприятие 8.3.12. Руководство разработчика», глава 26 «Разработка для мобильных устройств», раздел 26.3.4.3, а также глава 7 «Формы», раздел 7.7.13.9.

• Высокая. Важность высокая.
• Низкая. Важность низкая.
• Обычная. Важность обычная.
• ОченьВысокая. Важность очень высокая.
• ОченьНизкая. Важность очень низкая.

При адаптации списков к ширине экранов мобильных устройств поведение таблиц формы, отображающих данные списков, определяется свойством ПоведениеПриСжатииПоГоризонтали. Оно принимает значения перечисления ПоведениеТаблицыПриСжатииПоГоризонтали:

• Авто:
  • в мобильной платформе используется значение СкрыватьЭлементыПоВажности;
  • в мобильном клиенте – ПереноситьЭлементыПоВажности.
• СкрыватьЭлементыПоВажности. При адаптации к ширине экрана колонки с наименьшей важностью скрываются. В пределах одного уровня важности скрываются элементы, последовательно расположенные справа налево.
• ПереноситьЭлементыПоВажности. При адаптации к ширине экрана колонки с наименьшей важностью скрываются, а их значения отображаются в отдельной строке мелким шрифтом с курсивным начертанием с использованием нескольких цветов. В пределах одного уровня важности переносятся элементы, расположенные справа налево. Элементы в строке располагаются в порядке убывания важности.

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

Стандартно у всех колонок таблицы списка свойство ВажностьПриОтображении принимает значение Авто. На мобильном клиенте это трактуется как ОченьВысокая важность, так как колонки отображают данные основного реквизита формы – динамического списка. Поскольку важность у всех колонок пока одинаковая, то переносятся не поместившиеся по ширине элементы, начиная справа, – налево. А порядок их следования друг за другом определяется порядком колонок в таблице списка, заданным при конфигурировании формы.

Теперь откроем в редакторе форму списка документа РасходТовара, попробуем изменить важность колонок и посмотрим, как изменится вид списка в мобильном клиенте.

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

Для этого сначала с помощью кнопки нужно выбрать платформу, на которой выполняется прикладное решение, – в нашем случае это мобильный клиент. Затем, нажав на кнопку , можно выбрать конкретное мобильное устройство (поскольку нашего планшета нет в списке устройств, мы выбрали похожее по размеру устройство). И затем с помощью кнопки можно поменять ориентацию экрана (рис. 5.4).

Рис. 5.4. Предварительный просмотр формы на мобильном устройстве в редакторе формы

Установим свойство ВажностьПриОтображении у колонок таблицы формы Список в следующие значения:

• Дата – Авто,
• Номер – Авто,
• Организация – ОченьНизкая,
• Покупатель – Авто,
• Склад – ОченьНизкая,
• Валюта – Низкая,
• ВидЦен – Обычная.

Обновим конфигурацию базы данных (F7) и снова опубликуем конфигурацию на веб-сервере. После этого запустим наше демонстрационное приложение на планшете и откроем список продаж товаров. Мы видим, что вид списка изменился.

Поскольку колонкам динамического списка со значением Авто присваивается ОченьВысокая важность, то по мере убывания важности колонки будут следовать друг за другом в следующем порядке: Дата, Номер, Покупатель, ВидЦен, Валюта, Склад, Организация. При этом последние не поместившиеся по ширине колонки будут переноситься на следующую строку (рис. 5.5).

Рис. 5.5. Список продаж товаров

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

Отправить