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>