Flex中通过headerHeight风格设置TitleWindow容器(container)的header部高度的例子

 

接下来的例子演示了如何通过设置 headerHeight风格来改变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">
7.     <mx:ApplicationControlBar dock="true">
8.         <mx:Form styleName="plain">
9.             <mx:FormItem label="headerHeight:">
10.                 <mx:HSlider id="slider"
11.                         minimum="24"
12.                         maximum="64"
13.                         value="32"
14.                         snapInterval="2"
15.                         tickInterval="4"
16.                         liveDragging="true" />
17.             </mx:FormItem>
18.         </mx:Form>
19.     </mx:ApplicationControlBar>
21.     <mx:TitleWindow id="titleWindow"
22.             title="The quick brown fox jumped"
23.             status="{titleWindow.width}x{titleWindow.height}"
24.             titleIcon="@Embed('assets/TitleWindow.png')"
25.             showCloseButton="true"
26.             headerHeight="{slider.value}"
27.             borderColor="haloBlue"
28.             borderAlpha="1.0"
29.             width="400"
30.             height="150">
31.         <mx:VBox id="vBox" width="100%" height="100%">
32.             <mx:Label text="{vBox.width}x{vBox.height}" />
33.         </mx:VBox>
34.     </mx:TitleWindow>
36. </mx:Application>