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

Пример

Настройка элементов GridView в зависимости от размера экрана

Допустим, у вас есть сетка товаров. На больших экранах, например на планшетах, необходимо отображать семь товаров в ряд. На экранах обычных телефонов нужно отображать по три товара в строке. Вы можете рассчитать количество товаров, отображаемых в строке, исходя из ширины экрана.

Вот как это выглядит:

фак 1

Идея заключается в том, чтобы использовать условное значение и сравнить «Ширину экрана» с «Средней точкой останова». Если ширина экрана меньше точки разрыва medium, то выводится три изображения в ряд, если нет — семь изображений в ряд (т.е. для большого экрана).

Вот как это делается:

  1. Добавьте виджет GridView и перейдите на панель свойств > GridView Properties > Cross Axis Count.
  2. Откройте меню Набор из переменных > Условное значение.
  3. Для условия IF добавьте условие One Condition,
    1. Установите для параметра Первое значение значение значение Задатьиз менюПеременная >
    2. Глобальные свойства > Доля ширины экрана (при этом значение Вся ширина должно быть включено, т.е. 100%).
    3. Оператор установите в значение Less Than.
    4. Второе значение установите в меню Переменные > Константы > Точка разрыва (т.е. планшетные устройства).
  4. Установите значение Then равным 3.
  5. Установите значение Else равным 7.

Видео:https://www.loom.com/share/be66fe5880c242788b8d39c18947c938?sid=73b322a1-8105-4001-b8eb-d68f380c863b