如何通过指定比例列宽来停止网格,网格行,网格项

时间:2012-09-27 07:30:38

标签: flex layout flex4

在Flex4中,我们使用Grid,GridRow和GridItem来布局屏幕的组件。大多数屏幕看起来都不错,但很多屏幕与标签和字段之间存在大量空间。这主要发生在我们想要具有类似以下场景的东西时......

Name    [____________]
Age     [__]
Gender  [_]

Details
[__________________________________________]
[__________________________________________]
[__________________________________________]


|<col 1>|<------------ col 2 ------------->|
|<---------- grid and row width ---------->|

...标签位于第一列中,前三个字段位于第二列,底部三个字段跨越两列。以上是我们希望它出现的方式,但Flex将其呈现为......

Name            [____________]
Age             [__]
Gender          [_]

Details
[__________________________________________]
[__________________________________________]
[__________________________________________]


|<--- col 1 --->|<-------- col 2 --------->|
|<---------- grid and row width ---------->|

我们无法在每个屏幕中设置单独的列宽,因为a)有数千个屏幕,b)标签和组件可以国际化。

我无法完全解决他们用来为每列分配宽度的算法,但我认为它会查找每列中最宽的组件,然后使用这些组件为每列分配适当的比例宽度。

我们想要的只是每列尽可能地薄,所以它只包含其最宽的组件(当然忽略那些组件),并且没有任何额外的空格。有谁知道如何实现这个结果?

0 个答案:

没有答案