flex 部分样式设置

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
xmlns:component="component.*" backgroundGradientAlphas="[1.0, 1.0]"
backgroundGradientColors="[#FFFFFF, #FFFFFF]">
<mx:Script><![CDATA[
        import mx.events.ToolTipEvent;
       import component.BubbleToolTip;
       
        private function createCustomTip(title:String,event:ToolTipEvent):void {
           var bt:BubbleToolTip = new BubbleToolTip();
           bt.text=title;
           content.text = title;
           bt.addChild(ppp);
           ppp.visible=true;
           event.toolTip = bt;
        }
       
        private function positionTip(event:ToolTipEvent):void{
            event.toolTip.x=event.currentTarget.x + event.currentTarget.width + 10;
            event.toolTip.y=event.currentTarget.y; 
        }
    ]]></mx:Script>

<mx:Button id="b1"
        label="Hello world" x="60" y="60"
        toolTip=" "
        toolTipCreate="createCustomTip('Hello World',event)"
        toolTipShow="positionTip(event)"
    />
  <mx:Canvas id="ppp" visible="false" width="50" height="40" cornerRadius="15"
    borderColor="#000000" x="35" y="0" borderStyle="solid" borderThickness="2">
    <mx:Text id= "content" text="xixi" x="4.5" y="5" width="40" height="23.5">
       
        </mx:Text>
        </mx:Canvas>
</mx:Application>
Button样式
<mx:Style>
      Button{
          up-skin:Embed(source="images/bg.swf",symbol="btnUP");
           over-skin:Embed(source="images/bg.swf",symbol="btnOVER");
           down-skin:Embed(source="images/bg.swf",symbol="btnDOWN");
        }
</mx:Style>
<mx:Button id="btn" label="Hello World" width="100" height="60"/>
清单 6. ProgrammaticSkin 的 updateDisplayList 实现代码

override protected function updateDisplayList(unscaledWidth:Number,
unscaledHeight:Number):void {
var g:Graphics = this.graphics;
g.clear();
g.beginFill(0x000000, 0);
g.drawRect(0, 0, unscaledWidth, unscaledHeight);
g.endFill();
g.lineStyle(1, 0x000000, 0.1);
var squareSize:Number = 15;
var numRows:Number = unscaledHeight / squareSize;
var numCols:Number = unscaledWidth / squareSize;
for(var row:Number = 0; row< numRows; row++) {
g.moveTo(0, row * squareSize);
g.lineTo(unscaledWidth, row * squareSize);
}
for(var col:Number = 0; col< numCols; col++) {
g.moveTo(col * squareSize, 0);
g.lineTo(col * squareSize, unscaledHeight);
}
}
清单 7. 图像圆角组件
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas
    xmlns:mx="http://www.adobe.com/2006/mxml"
    xmlns:filters="flash.filters.*"
    width="100%" height="100%" >

    <mx:Image source="assets/ygy.jpg" x="10" y="10" mask="{maskCanvas}">
        <mx:filters>
            <filters:DropShadowFilter />
        </mx:filters>
    </mx:Image>
   
    <mx:Canvas x="81" y="62" width="344" height="274" backgroundColor="#ff0000"
    id="maskCanvas"  cornerRadius="15" borderStyle="solid"/>
   
</mx:Canvas>