<?
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
>
效果:
本文介绍如何使用 Flex 框架定制 TitleWindow 的样式,包括标题样式、状态消息样式及窗口外观调整等。通过具体代码展示了如何改变字体颜色、边框、背景等属性。

200

被折叠的 条评论
为什么被折叠?



