Требуется прояснение гибкости: ширина, мин (макс.) Ширина, явная ширина, явнаяMin (макс.) Ширина, измеренная ширина, измереннаяMinWidth, percentWidth

Кто-нибудь может в кратчайшие сроки объяснить смысл различных свойств размера Flex приемлемым способом?

Что я до сих пор:

Фактический размер

width и height. Это фактический (и конечный) размер компонента. Если не задано явно, это будет размер, который вычисляется путем применения всех правил компоновки и процентных размеров.

Явный размер

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

Измеренный размер

measuredWidth, measuredHeight, measuredMinWidth и measuredMinHeight. Размеры по умолчанию для компонента. Предполагается, что этот компонент должен установить эти размеры в свой крюк measure(). Размеры по умолчанию применяются только в том случае, если не задан явный размер (например, width или explicitHeight). Измеренный размер min/max учитывается только в случае процентного размера. Вычисленный (фактический) размер не может быть меньше измеренного минимального размера.

Процент размера

percentWidth и percentHeight. Очевидный.

Минимальный размер

minWidth, minHeight. Возвращает минимальный размер компонента - либо явно заданный, либо минимальный размер по умолчанию, установленный в measure(). Позволяет установить явный минимальный размер, который переопределяет минимальный размер (измеренный) min.

Явный минимальный размер

explicitMinWidth, explicitMinHeight. Такая же роль, как явный размер. Если установлено, эти значения должны использоваться, иначе минимальный (измеренный) минимальный размер.

Максимальный размер

maxWidth, maxHeight. Возвращает максимальный размер компонента - либо явно, либо максимальный размер по умолчанию 10000.

Явный максимальный размер

explicitMaxWidth, explicitMaxHeight. Такая же роль, как явный размер или явный минимальный размер. Если установлено, эти значения должны использоваться при определении границы верхнего размера, иначе максимальный размер по умолчанию 10000.

HOPE, есть еще больше свойств размера, которые будут обсуждаться.

Ответ 1

Статья в Adobe является хорошей ссылкой. В диаграммах внизу описываются различия между размерами и явными размерами, а также макс, мин и размеры по умолчанию.

В основном четыре способа разработчика могут составлять компонент:

  • Авто: пусть Flex выбирает размер, не указывая размеры
  • Пиксели. Установите размер точного пикселя, используя свойства высоты и ширины.
  • Процент. Установите размер в процентах от родительского контейнера.
  • Ограничение. Создайте макет на основе ограничений (обычно это делается путем привязки сторон или центра дочернего компонента к какой-либо части видимого региона его контейнера).

Если вы не создаете настраиваемый компонент Flex, свойства height, width, percentHeight и percentWidth являются единственными атрибутами, необходимыми для настройки параметров компонента.

Гордон Смит из команды Flex SDK объясняет это так:

По историческим причинам, связанным с простотой использования, Свойство "ширина" делает двойной долг. Как сеттер, он устанавливает explicitWidth. Как получатель, он возвращает фактическую ширину.

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