Apache flex Flex 4调整组内的组大小

我正在尝试自动调整s:组中的子对象的大小。孩子们是另一个s:组和一个H:组。每个都有10%和90%的宽度百分比。问题是，当其中一个组调整大小时（在蒙皮中使用过渡和旋转组合），另一个组不会自动调整大小以填充空间

Flex不应该自动做到这一点吗？还是我必须给它编码

<s:Group
    id="listsGroup"
    width="100%"
    height="255"
    >

    <s:Label text="LIST WITH HEADER TEST" styleName="h1" />

    <s:Group
        id="listsGroupSavedSearches"
        width="10%"
        height="255"
        >
        <components1:ListWithHeader
            id="categories11"
            dataProvider="{listModel}"
            headerLabel="Saved Searches"
            allowMultipleSelection="true"
            top="10" bottom="0"
            left="0" width="10%"
            />
    </s:Group>

    <s:HGroup left="160" width="90%" height="150" top="50" gap="6">
         <components1:ListWithHeader
            id="categories1"
            dataProvider="{listModel}"
            headerLabel="Category1 "
            allowMultipleSelection="true"
            width="100%"
            height="150"
            />
        <components1:ListWithHeader
            id="categories2"
            dataProvider="{listModel}"
            headerLabel="Category2"
            allowMultipleSelection="true"
            width="100%"
            height="150"
            />
        <components1:ListWithHeader
            id="categories3"
            dataProvider="{listModel}"
            headerLabel="Category3"
            allowMultipleSelection="true"
            width="100%"
            height="150"
            />
    </s:HGroup>
</s:Group>

---

处理类似问题的最佳方法是结合Flex组件生命周期方法，尤其是。UpdateDisplayList（）用于定位和调整孩子的大小。它有两个参数，组件的高度和宽度。然后，您可以编写一个算法，根据组件的高度和宽度调整子组件的大小和位置

---

MXML是在幕后完成这一切的，有点像黑魔法；但是，如果您自己编写布局代码，您将获得更多的控制权

我以前在flex上也遇到过类似的问题，是否可以尝试删除第二个的%width？还是将其设置为100%？我知道，有时候flex在绘制东西时，它们并没有以我所期望的方式进行绘制。您可能希望尝试将顶部的

组

替换为

HGroup

。我相信

Group

组件是基于

x

y

合作的，不像

HGroup

或

VGroup

那样流畅。