Flex 学习之二十 Form的使用

<?xml version="1.0" encoding="utf-8"?>
<!-- containers\spark\SparkFormStackedSkinClasses.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:s="library://ns.adobe.com/flex/spark"
width="300">
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
s|Form
{
skinClass: ClassReference("spark.skins.spark.StackedFormSkin");
}
s|FormHeading
{
skinClass: ClassReference("spark.skins.spark.StackedFormHeadingSkin");
}
s|FormItem
{
skinClass: ClassReference("spark.skins.spark.StackedFormItemSkin");
}
</fx:Style>
<s:Form id="frm" width="300">
<!-- Reduce gap between form items. -->
<s:layout>
<s:FormLayout gap="-14"/>
</s:layout>
<s:FormHeading label="STACKED SPARK FORM" backgroundColor="Gray" color="#FFFFFF" width="300"/>
<s:FormItem sequenceLabel="1." label="First name" required="true">
<s:TextInput id="fName" maxChars="64" />
</s:FormItem>
<s:FormItem sequenceLabel="2." label="Last name">
<s:TextInput id="lName" maxChars="64" />
</s:FormItem>
<s:FormItem sequenceLabel="3." label="Address">
<s:TextInput id="AddressLine1" maxChars="32"/>
<s:TextInput id="AddressLine2" maxChars="32"/>
<s:TextInput id="AddressLine3" maxChars="32"/>
</s:FormItem>
<s:FormItem sequenceLabel="4." label="City">
<s:TextInput id="City" maxChars="64" />
</s:FormItem>
<s:FormItem sequenceLabel="5." label="State">
<s:TextInput id="State" maxChars="64" />
</s:FormItem>
<s:FormItem sequenceLabel="6." label="ZipCode" required="true">
<s:TextInput id="ZipCode" maxChars="64" />
</s:FormItem>
</s:Form>
</s:Application>

这个Form中包含有对Form的外观的设置