Mashup Builder > Мэшапы > Адаптивные мэшапы > Использование свойств коэффициентов сжатия и увеличения
Использование свойств коэффициентов сжатия и увеличения
Адаптивный мэшап позволяет определить коэффициенты увеличения и сжатия, когда мэшап содержит несколько контейнеров. Эти настройки основываются на модуле flexbox-макета CSS (flexbox).
По умолчанию коэффициенты применяются к оставшемуся пространству вокруг виджетов в контейнере. В ThingWorx 9.0.4 и более поздних версиях можно использовать свойство Распределение коэффициента для применения значений коэффициента к полной ширине контейнера. Дополнительные сведения об этой опции см. в разделе Управление распределением коэффициентов увеличения и сжатия.
Коэффициент увеличения
Используйте свойство Коэффициент увеличения, чтобы определить взаимосвязь между контейнерами, когда становится доступным дополнительное пространство. Адаптивные контейнеры могут увеличиваться в соответствии с размером доступного пространства в зависимости от размера браузера. Можно управлять соотношением двух или нескольких контейнеров в мэшапе, назначая коэффициент увеличения для каждого контейнера.
Если каждому контейнеру назначается значение 1, доступное пространство будет равномерно распределяться между каждым контейнером во время выполнения. Контейнеры растягиваются для заполнения доступного пространства в окне браузера.
Коэффициент увеличения
Коэффициент сжатия
Свойство Коэффициент сжатия позволяет определить отношение между адаптивными контейнерами, если доступное пространство ограничено. По умолчанию контейнеры сжимаются с равными коэффициентами, когда доступное пространство уменьшается. Каждый контейнер имеет коэффициент сжатия 1, а доступное пространство равномерно распределяется между контейнерами во время выполнения.
Коэффициент сжатия
При назначении боковым контейнерам коэффициента сжатия 2 они сжимаются вдвое по сравнению с центральным контейнером в мэшапе.
Было ли это полезно?