需要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.

希望,还有更多尺寸属性需要讨论.

Answer 1

Adobe的文章是一个很好的参考.底部的图表描述了尺寸和显式尺寸之间的差异,以及最大尺寸,最小尺寸和默认尺寸.

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

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

除非你创建一个自定义Flex组件的height,width,percentHeight,和percentWidth属性来配置组件的尺寸唯一需要的属性.

Flex SDK团队的Gordon Smith以这种方式解释:

由于与易用性相关的历史原因,"宽度"属性具有双重功能.作为setter,它设置explicitWidth.作为吸气剂,它返回实际宽度.

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