s:Panel 2x2 而不是 4x1 水平

Question

免责声明：入门级用户。我正在尝试使我的 s:Panel 水平显示为 2x2 而不是 4x1，如下面的代码所示。

我的目标：

亮度 - 对比度

色调 - 饱和度

我已经尝试了 HorizontalLayout 和 VerticalLayout 但不知道该怎么做，因为这里的例子没有帮助：http://help.adobe.com/en_US/flex/using/WS0141D24B-6AEB-4721-BA04-9BF15F86350F.html

                            <s:Panel title="Brightness" width="247" height="67.5" backgroundColor="0xA0A0A0">
                                    <s:layout>
                                            <s:VerticalLayout paddingLeft="8"/>
                                    </s:layout>
                                    <s:HSlider id="BrightnessSlider" width="220" showDataTip="false" minimum="1" maximum="100" value="100" change="BrightnessChanged(event)"/>
                            </s:Panel>

                            <s:Panel title="Contrast" width="247" height="67.5" backgroundColor="0xA0A0A0">
                                    <s:layout>
                                            <s:VerticalLayout paddingLeft="8"/>
                                    </s:layout>
                                    <s:HSlider id="ContrastSlider" width="220" showDataTip="false" minimum="1" maximum="100" value="100" change="ContrastChanged(event)"/>
                            </s:Panel>

                            <s:Panel title="Hue" width="247" height="67.5" backgroundColor="0xA0A0A0">
                                    <s:layout>
                                            <s:VerticalLayout paddingLeft="8"/>
                                    </s:layout>
                                    <s:HSlider id="HueSlider" width="220" showDataTip="false" minimum="1" maximum="100" value="100" change="HueChanged(event)"/>
                            </s:Panel>

                            <s:Panel title="Saturation" width="247" height="67.5" backgroundColor="0xA0A0A0">
                                    <s:layout>
                                            <s:VerticalLayout paddingLeft="8"/>
                                    </s:layout>
                                    <s:HSlider id="SaturationSlider" width="220" showDataTip="false" minimum="1" maximum="100" value="100" change="SaturationChanged(event)"/>
                            </s:Panel>

                    </s:NavigatorContent>

Answer 1

如何使用组和组。

<s:VGroup>
    <s:HGroup>
        <s:Panel title="Brightness" ...>
            <s:layout>
                <s:VerticalLayout paddingLeft="8"/>
            </s:layout>
            <s:HSlider id="BrightnessSlider" ... />
        </s:Panel>
        <s:Panel title="Contrast" ...>
            ...
        </s:Panel>
    </s:HGroup>

    <s:HGroup>
        <s:Panel title="Hue" ...>
            ...
        </s:Panel>
        <s:Panel title="Saturation" ...>
            ...
        </s:Panel>
    </s:HGroup>
</s:VGroup>

s:Panel 2x2 而不是 4x1 水平

s:Panel 2x2 instead of 4x1 horizontal

apache-flex

flash

flash-builder