设置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 >
 
效果:

你可能感兴趣的:(xml,Blog,Adobe)