需要Flex说明:width,min(max)Width,explicitWidth,explicitMin(Max)Width,measuredWidth,measuredMinWidth,percentWidth

前端之家收集整理的这篇文章主要介绍了需要Flex说明:width,min(max)Width,explicitWidth,explicitMin(Max)Width,measuredWidth,measuredMinWidth,percentWidth前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有人能够以可理解的方式尽快解释不同Flex大小属性的含义?

我到目前为止

实际尺寸

宽度和高度.这是组件的实际(和最终)大小.如果没有明确设置,它将是通过应用所有布局规则和百分比大小计算的大小.

显式大小

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

测量尺寸

measuredWidth,measuredHeight,measuredMinWidth和measuredMinHeight.组件的默认大小.组件应该在其measure()钩子中设置这些大小.只有没有设置显式大小(例如width或explicitHeight),默认大小才适用.仅在百分比尺寸的情况下才考虑最小/最大测量尺寸.计算的(实际)尺寸不能小于测得的最小尺寸.

百分比大小

percentWidth和percentHeight.明显.

最小尺寸

minWidth,minHeight.返回组件的最小大小 – 要么显式设置,要么设置在measure()中设置的默认最小大小.允许设置一个明确的最小大小,覆盖默认(测量)最小大小.

显式最小大小

explicitMinWidth,explicitMinHeight.与显性大小相同.如果设置,这些值将使用,否则为默认(测量)最小大小.

最大尺寸

maxWidth,maxHeight.返回组件的最大大小 – 显式设置或默认最大大小为10000.

显式最大尺寸

explicitMaxWidth,explicitMaxHeight.与显式大小或显式最小大小相同的作用.如果设置,这些值将用于确定上限边框,否则默认最大大小为10000.

HOPE,还有更多的尺寸属性要讨论.

解决方法

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

开发人员基本上可以使用四种方式来缩放组件:

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

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

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

For historical reasons related to ease-of-use consideration,the
“width” property does double duty. As a setter,it sets the
explicitWidth. As a getter,it returns the actual width.

换句话说,这听起来像高度和宽度为你管理这些低级属性.

原文链接:https://www.f2er.com/flex/174170.html

猜你在找的Flex相关文章