在TileLayout列上靈活顯示FormLayout

Question

我總是以硬編碼的方式結束看起來很簡單的事情。

這是方案：

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx">

    <s:Form>
        <s:layout>
            <s:TileLayout requestedColumnCount="2"
                          verticalAlign="middle" />
        </s:layout>
        <s:FormItem label="Label with long text">
            <s:TextInput />
        </s:FormItem>
        <s:FormItem label="Label with long text">
            <s:Label text="something" />
        </s:FormItem>
        <s:FormItem label="shortLabel">
            <s:TextInput />
        </s:FormItem>
        <s:FormItem label="shortLabel">
            <s:Label text="something" />
        </s:FormItem>
    </s:Form>
</s:Application>

有沒有一種簡單的方法可以為每個磁貼布局列提供一個FormLayout？

在表單布局中，FormItem容器上的所有第一項都對齊。

Answer 1

您已覆蓋表單布局，這就是元素未正確對齊的原因。

據我了解，您需要多列表格。 Flex現在不支持此類功能。 可能的解決方案是：1.在容器中使用2種形式。 在這種情況下，表單項將對齊。 2.定義表單項的大小。 3.編寫您自己的新多列表單布局並共享。

Answer 2

Spark FormLayout擴展了VerticalLayout，在我的項目使用的customLayout類（例如FormTileLayout）中將其繼承更改為TileLayout。