flex应用主题

发布时间：2020-12-15 01:05:15 所属栏目：百科来源：网络整理

导读：应用主题时，可以将更个性化的外观应用于应用程序。Flash Builder 提供了多个主题供您选择。您可以导入其它主题，也可以创建自己的主题。由 Flash Builder 提供的主题包括一组 Spark 主题和一组 Halo 主题。Flex 4 组件的默认主题是 Spark，Flex 3 的默认主

应用主题时，可以将更个性化的外观应用于应用程序。Flash Builder 提供了多个主题供您选择。您可以导入其它主题，也可以创建自己的主题。

由 Flash Builder 提供的主题包括一组 Spark 主题和一组 Halo 主题。Flex 4 组件的默认主题是 Spark，Flex 3 的默认主题是 Halo。

有关 Flex 中主题支持的更多信息，请参阅关于主题。

指定主题

可以按项目指定主题。为项目指定主题后，项目中的所有应用程序都共享同一个主题。

从 MXML 编辑器的“设计”视图或“源代码”视图中，打开“选择项目主题”对话框：
- （“设计”视图）选择“外观面板”。然后选择“当前主题”。
- （“源代码”视图）从 Flash Builder 菜单中，选择“项目”>“属性”>“Flex 主题”。
选择一个主题，然后单击“确定”。

导入主题

可以使用 Flash Builder 来导入主题。主题的所有相关文件都必须包含在一个文件夹中，并且 Flex 主题所需的全部文件必须都存在。

主题名称由主题文件夹中包含的?metadata.xml?文件的名称元素确定。如果未指定名称元素，或者?metadata.xml?不存在，则系统将使用主题文件夹的名称作为主题名称。

有关 Flex 主题所需格式的更多信息，请参阅创建主题。

Flash Builder 主题可以采用以下格式：

主题 ZIP 文件

导入主题之前提取 ZIP 文件的内容。提取的内容应包含所有必需文件。
主题的 CSS 或 SWC 文件

CSS 或 SWC 文件必须位于包含 Flex 主题所需全部文件的文件夹中。使用 Flash Builder 导入主题时，需要选择主题的 CSS 或 SWC 文件。
MXP 文件

可以使用 Adobe Extension Manager CS4 将 Flex 主题的文件打包为 MXP 文件，然后使用 Extension Manager 将主题导入 Flash Builder 中。

有关将主题打包为 MXP 文件的更多信息，请参阅为 Flex 主题创建扩展文件（MXP 文件）。

使用 Flash Builder 导入 Flex 主题

从 MXML 编辑器的“设计”视图或“源代码”视图中，打开“选择项目主题”对话框：
- （“设计”视图）选择“外观面板”。然后选择“当前主题”。
- （“源代码”视图）从 Flash Builder 菜单中，选择“项目”>“属性”>“Flex 主题”。
选择“导入主题”，导航到包含要导入的主题的文件夹，选择 CSS 或 SWC 文件，然后单击“确定”。

导入打包为 MXP 文件的 Flex 主题

如果尚未导入，请通过以下方法将 Adobe Flash? Builder? 4 导入到 Adobe Extension Manager CS4 中：

在 Adobe Extension Manager 中，选择“文件”>“导入产品”。
打开 Adobe Extension Manager，然后选择“Flash Builder 4”。
选择“文件”>“安装 Extension”，导航到包含主题的 MXP 文件，然后单击“打开”。

当您接受许可证之后，Adobe Extension Manager 会将主题安装到 Flash Builder 中。此时，该主题即出现在 Flash Builder 的“选择项目主题”对话框中。

注：?也可以双击 MXP 文件以调用 Adobe Extension Manager，该软件随后会自动安装主题。

下载主题

可以下载能够导入到 Flash Builder 中的主题。

下载 Flex 主题

从 MXML 编辑器的“设计”视图或“源代码”视图中，打开“选择项目主题”对话框：
- （“设计”视图）选择“外观面板”。然后选择“当前主题”。
- （“源代码”视图）从 Flash Builder 菜单中，选择“项目”>“属性”>“Flex 主题”。
选择“查找更多主题”。

Flash Builder 将打开默认 Web 浏览器，并转到要下载的主题所在的页面。也可以导航到包含可下载 Flex 主题的任何其它站点。
选择要下载的 Flex 主题。

下载主题后，可以导入主题，如导入主题中所述。

创建主题

您可以创建自己的主题，并将主题导入到 Flash Builder 中。Flex 主题通常包含以下文件：

SWC、SWF、CSS、PNG、JPEG 和组成主题的其它文件。

组成主题的文件可以不同，但必须包括 SWC 或 CSS 文件。
preview.jpg 文件

主题的预览图像文件。如果主题文件夹不包含?preview.jpg，则对于该主题，Flash Builder 将使用默认预览图像。
metadata.xml 文件

包含主题相关信息（包括该主题与 SDK 的哪些版本兼容）。如果主题文件夹不包含此文件，则 Flash Builder 会在导入主题时创建一个。

通常将主题打包为 ZIP 文件，但在将主题导入到 Flash Builder 之前，必须先提取 ZIP 文件。也可以将主题文件打包为 Adobe Extension Manager 文件（MXP 文件），并使用 Adobe Extension Manager 将主题导入到 Flash Builder 中。

有关更多信息，请参阅关于主题。

Metadata.xml 文件

下表列出了?metadata.xml?中可以包括的元素。

元素名称	说明
Name	在 Flash Builder 中显示的主题名称。通过 Flash Builder 导入主题时，您可以覆盖?`metadata.xml`?文件中指定的名称。
Category	主题作者。主题在 Flash Builder 中显示时所属的类别。
sdks	指定与主题兼容的 Flex SDK 版本。这是 minVersionInclusive 和 maxVersionExclusive 的父元素。如果没有 sdks 元素，则该主题对于所有 SDK 都有效。
minVersionInclusive	与此主题兼容的 Flex SDK 最低版本。如果没有该元素，则此主题与 Flex SDK 的所有较低版本兼容。
maxVersionExclusive	与此主题兼容的 Flex SDK 最高版本。如果没有该元素，则此主题与 Flex SDK 的所有较高版本兼容。
mainFile	用于实现主题的顶级文件。此文件可以引用主题中的其它文件。例如，CSS 文件可以引用 SWC 或 SWF 文件。 -theme 编译器参数可以引用指定的文件。

下例展示了由 ABC 公司创建的主题的典型?metadata.xml?文件。

<theme> 
    <name>WindowsLookAlike</name> 
    <category>ABC</category> 
        <sdks> 
            <minVersionInclusive>2.0.1</minVersionInclusive> 
            <maxVersionExclusive>4.0.0</maxVersionExclusive> 
        </sdks> 
    <mainFile>WindowsLookAlike.css</mainFile> 
</theme>

根据?metadata.xml?文件，该主题与 Flex 2.0.1 SDK 兼容，还与版本最高为（但不包括）Flex 4.0.0 的 SDK 兼容。选择此主题时，文件?WindowsLookAlike.css?将添加到?-themes?编译器参数中。

为 Flex 主题创建扩展文件（MXP 文件）

可以使用 Adobe Extension Manager CS4 为 Flex 主题创建扩展文件（MXP 文件）。可以使用 Adobe Extension Manager CS4 将 MXP 文件导入 Flash Builder。

将所有主题文件放在暂存文件夹中，然后创建供 Extension Manager 创建 MXP 文件的扩展安装文件（MXI 文件）。有关 MXI 文件格式的信息，请参阅扩展文件格式文档。

创建 MXI 文件时，需要为主题的各个文件指定目标路径。目标路径格式如下：

$flexbuilder/<Theme Name>

$flexbuilder?是在 Flash Builder 配置文件?XManConfig.xml?中定义的。Extension Manager 会根据此定义展开?$flexbuilder。XManConfig.xml?在文件系统中的位置如下：
```
/<Install Dir>/Flash Builder 4/configuration/XManConfig.xml
```
<Theme Name>?是将包含 Flex 主题的文件夹的名称。

为 Flex 主题创建 MXP 扩展文件

将主题的所有文件（包括 MXI 文件）放到暂存文件夹中。
在 Extension Manager 中，选择“文件”>“包扩展”。
导航到扩展安装文件并选择它。
导航到包文件的位置，并使用扩展名 .mxp 命名该文件。

然后，您可以使用 Extension Manager 安装扩展文件进行测试。

添加其它主题

可以指定要将多个主题文件应用到一个应用程序。如果没有重叠样式，则会完全应用这两个主题。在添加其它主题时还需要考虑其它事项（如主题文件的顺序）。

要添加其它主题，请使用命令行编译器?mxmlc?和用来指定主题文件路径的?theme?编译器选项。

使用主题提供了有关指定编译器参数和主题文件顺序的详细信息。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!