水平 MX 形式或垂直 Spark 形式 Flex

Question

我注意到 spark 和 mx 表单之间的两个差异给我带来了一些问题。似乎默认情况下 mx 表单被安排到表单输入项上方的标签。在 Spark 中，它们彼此相邻排列。 spark表单中的标签默认为粗体。

例如 MX 代码可以是

<mx:Form width="100%">
    <mx:FormItem indicatorGap="0">
        <s:Label text="label1"/>
         <s:TextInput id="input1" width="180"/>
    </mx:FormItem>
</mx:Form>

对于 Spark 来说可能是

<s:Form>
    <s:layout>
        <s:FormLayout gap="-10" paddingLeft="-10" paddingRight="-10"/>
    </s:layout>
    <s:FormItem label="label1">
        <s:TextInput id="input1" width="180"/>
    </s:FormItem>
</s:Form>

现在我的问题是每个表单的外观。

火花表单的标签是粗体的。理想情况下，我希望能够使用火花形式并使其水平和垂直定位，并且没有粗体标签。这可能吗？

这将使我在我的应用程序中同时拥有 spark 和 mx 表单。

或者是否可以使 mx 表单水平放置？

谢谢

这里的答案是垂直放置的火花形式的示例

<s:FormItem>
    <s:Label text="label1" fontWeight="bold"/>
    <s:TextInput id="input1" />
</s:FormItem>

Answer 1

首先，如果您将mx:FormItem 正确定义为FormItem 属性，而不是其子属性，mx:FormItem 也会以水平方式显示其标签。

<mx:FormItem label="Proper label">

现在回答你剩下的问题。 spark:FormItem 标签的粗体被定义为内联样式声明，因此除了为 FormItem 容器定义自己的皮肤外，您无能为力。这也是您实现其他要求的方式 - 垂直标签放置。或者，您可以使用mx:FormItem 执行您已经练习过的操作，并将标签定义为孩子。 spark:FormItem 的内容组是使用 VerticalLayout 布局的，因此它应该可以按照您的意愿工作。

问候。