Flex中通过“.windowStyles”样式, “.windowStatus”样式和TitleWindow样式自定义TitleWindow样式的例子

By Minidxer | September 5, 2008

接下来的例子演示了Flex中如何通过“.windowStyles”样式, “.windowStatus”样式和TitleWindow样式，自定义TitleWindow样式。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Style>
  8.         /* Style the Window title message. */
  9.         .windowStyles {
  10.             color: haloBlue;
  11.             letterSpacing: 2;
  12.         }
  13.  
  14.         /* Style the Window status message. */
  15.         .windowStatus {
  16.             color: red;
  17.             fontWeight: bold;
  18.         }
  19.  
  20.         TitleWindow {
  21.             dropShadowEnabled: false;
  22.             borderAlpha: 1.0;
  23.             borderColor: haloSilver;
  24.             backgroundColor: haloSilver;
  25.             cornerRadius: 0;
  26.         }
  27.     </mx:Style>
  28.  
  29.     <mx:TitleWindow id="titleWindow"
  30.             title="Title"
  31.             status="Status"
  32.             width="160">
  33.         <mx:Text htmlText="The quick brown fox jumped over the lazy dog."
  34.                 selectable="false"
  35.                 width="100%" />
  36.         <mx:ControlBar horizontalAlign="right">
  37.             <mx:Button label="Button" />
  38.         </mx:ControlBar>
  39.     </mx:TitleWindow>
  40.  
  41. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Flex | No Comments » | 228 views Tags: , , , ,

Related Post

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

赞助商链接

Categories

Archives

Blogroll