Flex4分模組下樣式動態載入步驟及相關問題的解決

1.      給應用程式編寫CSS檔案

（1）          在項目下建立CSS檔案（任意路徑，可以多個）。本例在src下建立了5個樣式檔案

（2）          Flex支援的CSS檔案定義如下：

a)        
type selector（類別選取器）構造如下

mx|TabNavigator 
{

    backgroundColor:
#E9F2F4;

    paddingTop:10;

}

b)       
style name selector（樣式名選取器）構造如下

.buttomStyle{

    borderWeight:1;

    cornerRadius:3;

    dropShadowVisible:true;

    backgroundColor:#E9F2F4;

}

2.   把CSS檔案編譯成SWF格式檔案

右鍵CSS檔案，將之編譯成SWF格式檔案。此時在webroot下就可以看到已經編譯成相關的SWF檔案

3.調用styleManager.loadStyleDeclarations()方法講CSS的SWF檔案載入進應用程式

如：StyleManager.loadStyleDeclarations('assets/css/mycss1.swf',true,false,
ApplicationDomain.currentDomain)

第二個參數設定是是否立即更新樣式，第四個參數是訪問域的設定使已編譯的應用程式或模組可以設定僅影響其自身和其子代的樣式

ApplicationDomain.currentDomain為當前應用程式下都可以訪問

 

4. 分模組下樣式丟失的問題

（1）          可以在每次載入模組前設定該模組應用父模組相同的moduleFactor

this.moduleFactory=FlexGlobals.topLevelApplication.moduleFactory ;

（2）          可以在設定檔actionScriptProperties裡面添加

isolate-styles="false"