探索 Flex 和 CSS 的强大功能

核心提示： 外部样式表一个 Flex 或 AIR 应用程序在其源代码目录的根部具有一个 MXML 文件，应用程序可以基于 Application 类（Flex）或 WindowedApplication 类（AIR），探索 Flex 和 CSS 的强大功能(7)，这个文件就是默认的 MXML 应用程序文件，

外部样式表

一个 Flex 或 AIR 应用程序在其源代码目录的根部具有一个 MXML 文件，应用程序可以基于 Application 类（Flex）或 WindowedApplication 类（AIR）。这个文件就是默认的 MXML 应用程序文件，开始于 <mx:Application/> 或 <mx:WindowedApplication/>。应用程序的样式表源代码应该立即出现在应用程序基类声明之后（参见 清单 5）。

清单 5. 在除主应用程序 MXML 文件之外的任何文件内声明样式表都会导致错误

　　　
<?xml　version="1.0"　encoding="utf-8"?>　
<mx:WindowedApplication　
　xmlns:mx="http://www.adobe.com/2006/mxml"　
　layout="absolute"　
　showFlexChrome="false"　
　dropShadowEnabled="false"　
　borderStyle="none"　
　applicationComplete="{this.appInit(event);}"　
　>　
　
　<mx:Style　source="com/passalong/assets/RED_SKIN_MAIN.css"/>　
　
　<mx:Script>　
　<![CDATA[　
　　...　

保持应用程序样式设置的最简便也是最安全的方法是使用外部样式表。实际上，从一个 CSS 文件就能合理保存一个大型应用程序的所有样式。我选择只使用一个 CSS 文件，出于两个原因：第一个原因是我将始终知道到哪里可以找到我的样式设置；第二个原因是在团队开发情况下，其他开发人员也可以很容易找到样式。此外，一种好的做法是很好地组织该文件，因为随着应用程序的增长，CSS 文件也必然会增长。

在构建您自己的主应用程序 CSS 文件时，通常一种好的做法是首先放置那些默认的组件样式声明。比如，若想要所有的工具提示在应用程序中都具有同样的外观，就可以使用 ToolTip 作为样式名并将其放置在文件的开始。我趋向于将 tooltip 放置在应用程序的所有内容之前，以便让我的应用程序尽量的保持用户友好性。因此，tooltip 组件在应用程序内出现的次数比其他任何组件都要多。由于默认组件样式对应用程序的整体观感具有巨大的影响，所以您需要能够快速和容易地访问到它们。这也是为什么要将这些样式放在首位的原因了。