用flash文件作为组件的外观

myTitleWindow.css文件

 

/**/ /* CSS file */
Application {...} {
    fontSize: 12; 
    backgroundGradientColors: #006699, #AEB4E6;
    /**//*  backgroundImage: Embed(source="skin/background.swf");  把swf文件嵌入到程序中*/
    backgroundImage: Embed(source="skin/pet.swf");
    
}
TitleWindow {...} {
    borderStyle: "default";    
    borderSkin: Embed(source="skin/windows_skin.swf", symbol="window_border");
    /**//*  symbol指SWF文件中元件在库中的链接名  */
    closeButtonDisabledSkin: Embed(source="skin/windows_skin.swf",symbol="close_disable");
    closeButtonDownSkin: Embed(source="skin/windows_skin.swf",symbol="close_down");
    closeButtonOverSkin: Embed(source="skin/windows_skin.swf",symbol="close_over");
    closeButtonUpSkin: Embed(source="skin/windows_skin.swf",symbol="close_up");
    cornerRadius: 4;
    dropShadowEnabled: true;
    paddingBottom: 0;
    paddingLeft: 0;
    paddingRight: 0;
    paddingTop: 0;
    titleStyleName: "winTitle";
}
.winTitle
{...} {
    fontWeight: "bold";    
}

myTitleWindow.mxml文件

 

<? xml version="1.0" encoding="utf-8" ?>
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute" >
     < mx:Style  source ="myTitleWindow.css" ></ mx:Style >
     <!--   TitleWindow是Panel的子类，只比Panel组件多了一个关闭按钮，因此它有Panel的全部样式属性。    -->
     < mx:TitleWindow  x ="10"  y ="10"  width ="250"  height ="200"  layout ="absolute"  showCloseButton ="true"  title ="TitleWindow" >
         < mx:TextArea  x ="10"  y ="10"  height ="106"  width ="220"  text ="输入文本" />
     </ mx:TitleWindow >
     < mx:Panel  x ="340"  y ="10"  width ="250"  height ="200"  layout ="absolute" >
         < mx:Button  x ="39"  y ="23"  label ="Button" />
         < mx:CheckBox  x ="70"  y ="93"  label ="Checkbox" />
     </ mx:Panel >
    
</ mx:Application >