我需要样式设计Flex中FormItem组件的帮助

Question

我有一个想要样式的表格。 具体来说，我想更改表单项标签的背景色。 （backgorundColor属性更改标签和输入背景色）

即

<mx:Form>
    <mx:FormItem label="username:">
        <mx:TextInput />
    </mx:FormItem>
</mx:Form>

我想使带有“ username：”的标签具有不同的背景色，但文本输入仍为默认背景色。

FormItem有可能吗？

Answer 1

一个范式具有一个用于显示标签的对象，称为FormItemLabel，此对象的目的是使您可以设置表单项的标签样式。

在flex 2中，您可以尝试更改样式：

FormItemLabel {

}

但是，我查看了flex 2 lang ref，看来您不能更改标签的背景色。 单击此处获取lang ref链接

如果使用的是flex 3，则更改FormItem标签的理想方法是通过formitems labelStyleName

FormItem {
  labelStyleName: newStyle;
}

但是，我再也不相信他们增加了更改标签本身的背景颜色的功能。 单击此处获取lang ref链接

如果需要的话，最好的选择是扩展foremtem类，除非其他人有任何想法。

希望这可以帮助...

Answer 2

如我所见，问题“悬而未决”已经有两年了……我需要完全相同的功能-标签面的背景颜色不同。

我正在使用Flex3。 我尝试了表单背景-更改了整个表单。 然后尝试FormItem-如果您只有文本输入-它确实覆盖了背景，但是如果按钮很少，则它们之间的间隙也是相同的颜色。 然后，您需要具有其他背景的额外HBox。 在Label背景和输入控件之间也没有差距。

我不想重写FormItem控件。

似乎我将需要使用祖先样式：Grid而不是表格，而GridItem而不是FormItem。 然后，您可以用任何颜色设置每个单元的样式。 ：o（

Answer 3

尝试使用flex样式浏览器来创建所需的样式：

• Flex 3样式资源管理器

• Flex 2样式资源管理器

我在样式资源管理器中使用了TextArea并格式化了背景颜色，从而产生了以下css输出：

TextArea {
   backgroundColor: #0000ff;
}

您可以将其更改为以下内容以包含在样式表中：

.formLabel {
   backgroundColor: #0000ff;
}

然后在FormItem标记中：

<FormItem label="Label" styleName="formLabel" />

有关Flex样式表的更多信息： Flex样式表

这些示例将说明，您可以根据需要在mxml样式标签中声明样式，而不是在外部样式表中声明样式。