设置TitleWindow组件的样式

<? xml version="1.0" encoding="utf-8" ?>
<!--  http://blog.flexexamples.com/2007/09/10/styling-the-titlewindow-container/  -->
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"
        layout ="vertical"
        verticalAlign ="middle"
        backgroundColor ="white" >

     < mx:Style >
        /* Style the Window title message. */
        .windowStyles {
            color: haloBlue;
            letterSpacing: 2;
        }

        /* Style the Window status message. */
        .windowStatus {
            color: red;
            fontWeight: bold;
        }

        TitleWindow {
            dropShadowEnabled: false;
            borderAlpha: 1.0;
            borderColor: haloSilver;
            backgroundColor: haloSilver;
            cornerRadius: 0;
        }
     </ mx:Style >

     < mx:TitleWindow  id ="titleWindow"
            title ="Title"
            status ="Status"
            width ="160" >
         < mx:Text  htmlText ="The quick brown fox jumped over the lazy dog."
                selectable ="false"
                width ="100%"   />
         < mx:ControlBar  horizontalAlign ="right" >
             < mx:Button  label ="Button"   />
         </ mx:ControlBar >
     </ mx:TitleWindow >

</ mx:Application >

 
效果：

width="100%" height="200" src="http://blog.flexexamples.com/wp-content/uploads/TitleWindow_style_test/bin/main.html">