Flex中如何利用closeButtonSkin或closeButtonUpSkin, closeButtonOverSkin, closeButtonDownSkin, closeButtonDisabledSkin样式改变TitleWindow容器的显示内容的例子
By Minidxer | January 23, 2009
在前面的文章中我们介绍了Flex中如何通过showCloseButton属性控制TitleWindow右上角关闭按钮有效/无效，接下来的例子演示了Flex中如何利用closeButtonSkin或closeButtonUpSkin, closeButtonOverSkin, closeButtonDownSkin, closeButtonDisabledSkin样式，改变TitleWindow容器的显示内容。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Style>
- TitleWindow {
- closeButtonSkin: Embed("cancel.png");
- /* Set values from defaults.css to null. */
- closeButtonDisabledSkin: ClassReference(null);
- closeButtonDownSkin: ClassReference(null);
- closeButtonOverSkin: ClassReference(null);
- closeButtonUpSkin: ClassReference(null);
- }
- </mx:Style>
- <mx:TitleWindow id="titleWindow"
- title="TitleWindow"
- status="status message"
- showCloseButton="true"
- width="100%"
- height="100%" />
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子
Topics:
TitleWindow |
No Comments » |
Tags: closeButtonDisabledSkin, closeButtonDownSkin, closeButtonOverSkin, closeButtonSkin, closeButtonUpSkin, showCloseButton, TitleWindow