9.10.编译主题SWC

2024-04-27 13:52:07

字体：大中小

来源：转载

供稿：网友

9.10.1.问题
你想将你的样式文件打包放进主题SWC，然后编译到程序中。
9.10.2.解决办法
运用命令行工具生成一个主题SWC ，接着利用mxmlc 编译器的主题选项编译程序。
9.10.3.讨论
Shockwave Component (SWC)文件是按照PKZIP 格式打包的档案文件。SWC 文件允许你在众多开发者间交换大量文件的唯一档案而不是那些文件本身。正如你会生成MXML 和ActionScript 文件，并将其打包成SWC 做为用户组件，你同样能将样式的档案文件打包。

若要生成SWC 文件，你可以利用Flex SDK 安装路径下/bin 目录中提供的compc 工具。

将Flex SDK 安装路径下/bin 目录设置在你的系统路径中，下列命令行的输入展示了怎样调用compc 工具生成名为MyTheme.swc 的SWC 文件：
> compc –include-file MyStyles.css C:/mystyles/MyStyles.css –o MyTheme.swc
其中include-file 选项有两个参数：引用样式资源的文件名以及资源的文件系统位置。允许使用多个include-file 选项来打包程序主题所需的所有样式资源。

你能够利用mxmlc 编译器的主题选项在编译程序时应用主题：
> mxmlc MyApplication.mxml –theme MyTheme.swc

为更好地理解如何生成主题SWC 并将文件编入程序，尝试着将Flex SDK 中提供的一个附加主题打包。

在命令提示符下浏览SDK 安装路径的Smoke 主题文件夹： <flex sdk installation>/frameworks/themes/Smoke。由于已经将Flex SDK 安装路径下/bin 目录设置在你的系统路径中，输入下列命令：
> compc –include-file Smoke.css Smoke.css –include-file smoke_bg.jpg smoke_bg.jpg
–o SmokeTheme.swc

本条命令在原文件夹下生成SmokeTheme.swc 文件。将SWC 文件移至一个新项目文件夹中，输入下列标记：

-XML

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:cookbook="oreilly.cookbook.*" layout="vertical">
<mx:Script>
<![CDATA[
[Bindable]
private var dp:Array = [{label:"Josh Noble", data:0},{label:"Abey George", data:1},{label:"Todd Anderson", data:2}];
private function clickHandler():void {
messageField.text = "You chose:"+nameCB.selectedLabel;
}

]]>
</mx:Script>
<mx:Panel title="Pick One:" width="50%" height="50%"
paddingLeft="10" paddingTop="10">
<mx:VBox width="100%">
<mx:HBox width="100%">
<mx:Text text="Choose:" styleName="windowStyles" />
<mx:ComboBox id="nameCB" dataProvider="{dp}" />
<mx:Button label="select" click="clickHandler();" />
</mx:HBox>
<mx:Text id="messageField" styleName="windowStyles" />
</mx:VBox>
</mx:Panel>
</mx:Application>