最近在做工作流的流程設計工具相關的內容，web應用使用了比較標準的分佈方式，即上、左、右的佈局方式，這樣做的結果就是設計工具的設計介面相對較小，當遇到比較複雜的流程時就感覺設計的流程比較緊湊，設計工具的易用性不夠好。為了解決這個問題，需要支援Flex的全屏模式。

想了下，可以通過以下方式實現Flex的全屏：

1. 使用Flex的FullScreen模式，具體實現方式為：
   1. 修改html-template資料夾下的index.template.html檔案，在AC_FL_RunContent中增加："allowFullScreen", "true"；在embed中增加：allowFullScreen="true"。
   2. 通過設定stage.displayState 的值為 StageDisplayState.FULL_SCREEN來切換到全屏模式。

   缺點：

   使用這種方式雖然能夠將Flex切換到全屏模式，但是Flex中的InputText等控制元件是無法編輯的，而且在Flex的中央會出現"Press Esc To Exist Full Screen"。因而這種方式無法滿足設計需求。

       當然，中央出現的字幕還是有辦法去掉的，雖然去掉之後並不能改變結果。去掉中央的"Press Esc To Exist Full Screen"字幕的方法請見：

   該文章講解了去掉IE，Firefox中Flex全屏後字幕的方法。

2. 通過showModalDialog來模擬Flex的全屏模式，showModalDialog中去掉工具欄、選單欄、位址列，同時將寬度和高度設定成螢幕的寬度和高度。但是這種方式實現起來比較複雜，因為涉及到資料同步的問題，同步的方式根據專案的複雜程度和需求要求不同而不同。比較簡單的方式是在關閉showModalDialog時將資料同步主頁面。因為這種方式實現複雜，容易出錯，所以沒有進行實現，有興趣的朋友可以自己試試。
3. 模擬IE的F11的全屏模式。當用戶選擇全屏模式的時候，模擬IE的F11 Press Down事件，隱藏掉IE的位址列、選單欄、工具欄等，同時將上部和左部的Frame隱藏掉，讓右邊的Frame全屏顯示，達到預期的效果。

   IE的F11 PressDown 事件模擬方式實現如下：

   var shell = new ActiveXObject('WScript.Shell')
   shell.SendKeys('{F11}');

   Frame的隱藏方法當然有很多，就不詳細介紹了。

   缺點：

   這種方式需要使用者修改IE的安全選項，具體方法為：

   1. Tools > Internet options > Security > Custom Level
   2. ActiveX controls and plug-ins>Initializing and Script ActiveX controls not marked as safe>Enable

   如果沒有將上面選項設定成Enable，那麼會報：automation server can't create object 錯誤。

   原創文章，轉載請註明出處！
   All CopyRight Reserved ！

   QQ:307073463
   Email:[email protected]
   MSN:[email protected]