需要Flex澄清：width，min（max）Width，explicitWidth，explicitMin（Max）Width，measuredWidth，measuredMinWidth，percentWidth

Question

是否有人能够以易于理解的方式简要解释不同Flex尺寸属性的含义？

到目前为止我所拥有的：

实际尺寸

width和height。这是组件的实际（和最终）大小。如果没有明确设置，它将是通过应用所有布局规则和百分比大小计算的大小。

明确尺寸

explicitWidth和explicitHeight。我们需要两个属性来决定是否需要计算实际大小，或者只是从这些属性中复制。

测量尺寸

measuredWidth，measuredHeight，measuredMinWidth和measuredMinHeight。组件的默认大小。该组件应该在其measure()挂钩中设置这些大小。仅当未设置明确大小（例如width或explicitHeight）时，默认大小才适用。仅在百分比大小的情况下考虑最小/最大测量尺寸。计算的（实际）尺寸不能小于测量的最小尺寸。

百分比

percentWidth和percentHeight。明显。

最小尺寸

minWidth，minHeight。返回组件的最小大小 - 显式设置或measure()中设置的默认最小大小。允许设置明确的最小尺寸，以覆盖默认（测量）的最小尺寸。

明确的最小尺寸

explicitMinWidth，explicitMinHeight。与显式大小相同的角色。如果设置，则使用这些值，否则使用默认（测量的）最小值。

最大尺寸

maxWidth，maxHeight。返回组件的最大大小 - 显式设置或默认最大大小10000。

显式最大尺寸

explicitMaxWidth，explicitMaxHeight。与显式大小或显式最小大小相同的角色。如果设置，这些值将用于确定较大尺寸边框，否则使用默认最大尺寸10000。

HOPE，还有更多的尺寸属性需要讨论。

Answer 1

Adobe's article是一个很好的参考。底部的图表描述了尺寸和显式尺寸之间的差异，以及最大尺寸，最小尺寸和默认尺寸。

开发人员可以通过四种方式调整组件的大小：

• 自动：让Flex通过不指定尺寸来选择尺寸
• 像素：使用高度和宽度属性设置精确的像素大小
• 百分比：将大小设置为父容器的百分比
• 约束：创建基于约束的布局（通常通过将子组件的边或中心锚定到其容器的可视区域的某个部分来完成）

除非您要创建自定义Flex组件，否则height，width，percentHeight和percentWidth属性是配置组件维度所需的唯一属性。

Flex SDK小组的Gordon Smith以这种方式解释：

  

由于与易用性考虑有关的历史原因，   “宽度”属性是双重职责。作为一个制定者，它设定了   的explicitWidth。作为吸气剂，它返回实际宽度。

换句话说，它听起来像高度和宽度为您管理这些较低级别的属性。

Answer 2

相关链接：http://www.developmentarc.com/site/sites/default/files/understanding_the_flex_3_lifecycle_v1.0.pdf