FB4正式版 菜鸟教程------------三种着色方法：

CSS方法：

 

 

 

<?xml version="1.0" encoding="utf-8"?>
<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" minWidth="400" minHeight="300">
 <fx:Declarations>
  <!-- Place non-visual elements (e.g., services, value objects) here -->
 </fx:Declarations>
 <!--  为所有的TextInput定义相同的背景contentbackGroundColor -->
 <fx:Style>
  @namespace s "library://ns.adobe.com/flex/spark";
  @namespace mx "library://ns.adobe.com/flex/mx";
 
  s|TextInput {
   contentBackgroundColor: red;}

 </fx:Style>
 <s:TextInput id="textInput"
     text="The quick brown fox jumps over the lazy dog."
     horizontalCenter="0"
     verticalCenter="-8"  width="256"/>

<s:TextInput id="ok"
    text="just a joke !"
    horizontalCenter="1"
    verticalCenter="46" />

</s:Application>

 

 

 

 

MXML 着色方法：

 

 

<?xml version="1.0" encoding="utf-8"?>
<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" minWidth="955" minHeight="600">
 <fx:Declarations>
  <!-- Place non-visual elements (e.g., services, value objects) here -->
 </fx:Declarations>
 <mx:ColorPicker x="147" y="98" id="colorSettor" selectedColor="#FFFFFF" />
 <s:TextInput x="121" y="215" text="funck you   bad guy !"
     fontSize="21" fontWeight="bold" fontStyle="italic"
      contentBackgroundColor="{colorSettor.selectedColor}"
    
     />
</s:Application>

 

 

 

 

 

AS着色方法：

 

 

 

 

<?xml version="1.0" encoding="utf-8"?>
<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" minWidth="955" minHeight="600">
 <fx:Script>
  <![CDATA[
   import mx.events.ColorPickerEvent;

   protected function colorpicker1_changeHandler(event:ColorPickerEvent):void
   {
    // TODO Auto-generated method stub
     myText.setStyle("contentBackgroundColor",event.color);
   }

  ]]>
 </fx:Script>
 <fx:Declarations>
  <!-- Place non-visual elements (e.g., services, value objects) here -->
 </fx:Declarations>
 <mx:ColorPicker x="127" y="108"  change="colorpicker1_changeHandler(event)" selectedColor="#FFFFFF"/>
 <s:TextInput x="76" y="196" text="fuck you bas guy !"
     fontFamily="Courier New" fontSize="19"
     fontWeight="bold" id="myText"
     />
</s:Application>