flex4 formitem皮肤

要想让flex4的表单验证只显示tip方式的错误提示，可以重写FormItem组件，并重写其皮肤。

红色是要修改的地方，皮肤重写如下：

<?xml version="1.0" encoding="utf-8"?>


<!-- TODO
Move the indicator tooltip string to a resource bundle
-->


<!--- The default skin class for the Spark FormItem component.  


@see spark.components.FormItem


@langversion 3.0
@playerversion Flash 10
@playerversion AIR 1.5
@productversion Flex 4.5
-->
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark" 
        xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
        alpha.disabledStates=".5">  
    
    <!-- host component -->
    <fx:Metadata>
        <![CDATA[ 
        /** 
        * @copy spark.skins.spark.ApplicationSkin#hostComponent
        */
        [HostComponent("spark.components.FormItem")]
        ]]>
    </fx:Metadata>
    
    <s:states>
        <s:State name="normal" />
        <s:State name="disabled" stateGroups="disabledStates"/> 
        <s:State name="error" stateGroups="errorStates"/>   
        <s:State name="required" stateGroups="requiredStates"/> 
        <s:State name="requiredAndDisabled" stateGroups="requiredStates, disabledStates"/>
        <s:State name="requiredAndError" stateGroups="requiredStates, errorStates"/>    
    </s:states>
    
    <s:layout>
        <s:FormItemLayout>
            <s:constraintColumns>
                <!--- The column containing the sequence label. -->
                <s:ConstraintColumn id="sequenceCol" />
                <!--- The column containing the FormItem's label. -->
                <s:ConstraintColumn id="labelCol" />
                <!--- The column containing the FormItem's content. -->
                <s:ConstraintColumn id="contentCol" width="100%"/>
                <!--- The column containing the FormItem's help content. -->
                <s:ConstraintColumn id="helpCol" maxWidth="200"/>
            </s:constraintColumns>         
            <s:constraintRows>
                <!--- @private -->
                <s:ConstraintRow id="row1" baseline="maxAscent:10" height="100%"/>
            </s:constraintRows>  
        </s:FormItemLayout>
    </s:layout>
            
    <!--- Defines the appearance of the FormItem's background. -->
    <s:Rect id="background" left="0" right="0" top="0" bottom="0">
        <s:fill>
            <!--- @private -->
            <s:SolidColor id="bgFill" color="#FFFFFF"/>
        </s:fill>
    </s:Rect>
    

    <!--- @copy spark.components.FormItem#sequenceLabelDisplay -->
    <s:Label id="sequenceLabelDisplay" 
             fontWeight="bold"
             left="sequenceCol:10" right="sequenceCol:5"
             bottom="row1:10" baseline="row1:0"/>


    <!--- @copy spark.components.FormItem#labelDisplay -->
    <s:Label id="labelDisplay"
             fontWeight="bold"
             left="labelCol:0" right="labelCol:5" 
             bottom="row1:10" baseline="row1:0"/>  


    <!--- @copy spark.components.SkinnableContainer#contentGroup -->
    <!-- 
Don't show the error tip on the content elements 
showErrorTip=false 改为 true 
-->
    <s:Group id="contentGroup" showErrorSkin="true"
             left="contentCol:0" right="contentCol:1" 
             baseline="row1:0" bottom="row1:10" showErrorTip="true">
        <s:layout>
            <s:VerticalLayout/>
        </s:layout>
    </s:Group>

    <!-- 
删除提示图标
Don't include the indicator in layout since we position it ourselves 
-->
    <!--<s:Group x="{contentGroup.x + contentGroup.contentWidth + 4}" y="{contentGroup.y}"
             height="{Math.max(indicatorDisplay.height, contentGroup.contentHeight)}" includeInLayout="false">
        <!--- @private -->
        <!--<s:Image id="indicatorDisplay" verticalCenter="0"
                       toolTip="Required" toolTip.errorStates=""
                       includeIn="requiredStates,errorStates"/>-->
   <!-- </s:Group>-->
        

    <!--- @copy spark.components.FormItem#helpContentGroup -->
    <s:Group id="helpContentGroup" excludeFrom="errorStates"
             fontStyle="italic" fontWeight="normal" color="0x666666"
             left="helpCol:27" right="helpCol:10"
             bottom="row1:10" baseline="row1:0"/>


    <!--- @copy spark.components.FormItem#errorTextDisplay -->
    <!--
删除追加提示文字
<s:RichText id="errorTextDisplay" includeIn="errorStates"
                fontStyle="italic" fontWeight="normal" color="0xFE0000"
                left="helpCol:27" right="helpCol:10"
                bottom="row1:10" baseline="row1:0" 
                maxDisplayedLines="-1"/>  
-->
 </s:Skin>