FLEX自定義組件

記得在當初顧大大電面我的時候問了我兩大問題我答得很含糊，一個是問我改寫過組件沒有，是如何實現的；另一個是項目中用到JS和flash交互沒有，如何實現的。第一個問題，當時做視頻會議時用過FLEX MDI的開源組件，當時只是網上down了一些代碼，後來在項目中放棄使用，所以對ＭＤＩ的實現還是很模糊。當被問到如何在ｐａｎｅｌ上加上最大化最小化Ｉｍａｇｅ和關閉頁面的操作，我支支吾吾沒有回答上來。

 

這段時間斷斷續續也改寫了幾個組件，現在小結一下。

 

我所做的自定義組件實際上是對原有ＵＩ組件進行修改。主要是通過重寫已有組件的createChildren來定義新的ａｃｔｉｏｎ，再通過layoutChrome來完成佈局。

override protected function createChildren():void { super.createChildren(); headerItem = new HBox(); headerItem.setStyle("horizontalGap",1); var addButton:Image = new Image(); addButton.toolTip = "Add Administrator"; addButton.source = addAdminIcon; headerItem.addChild(addButton); var linkButton:LinkButton = new LinkButton(); linkButton.label = Globalization.ADD; linkButton.setStyle("textDecoration","underline"); linkButton.addEventListener(MouseEvent.CLICK,addPrinterAdmin); headerItem.addChild(linkButton); titleBar.addChild(headerItem); function addPrinterAdmin(evt:MouseEvent):void { if(authAddAdmin) { var printerAdminForm:PrinterAdminInfoForm = PrinterAdminInfoForm(PopUpManager.createPopUp(Application.application as DisplayObject,PrinterAdminInfoForm,true)); printerAdminForm.sites = ManagementModule.allSites; printerAdminForm.addEventListener("addAdminSuccess",addAdminSuccessHandler); printerAdminForm.addEventListener("editAdminSuccess",editAdminSuccessHandler); printerAdminForm.currentState = PrinterAdminInfoForm.ADD_VIEW; PopUpManager.centerPopUp(printerAdminForm); function addAdminSuccessHandler(evt:DynamicEvent):void { dispatchEvent(new DynamicEvent("addAdminSuccess")); } function editAdminSuccessHandler(evt:DynamicEvent):void { dispatchEvent(new DynamicEvent("editAdminSuccess")); } } else { Alert.show("you have no authority!"); } } } override protected function layoutChrome(unscaledWidth:Number, unscaledHeight:Number):void { super.layoutChrome(unscaledWidth, unscaledHeight); headerItem.width = headerItem.measuredWidth; headerItem.height = headerItem.measuredHeight; headerItem.move(statusTextField.x - headerItem.width, titleTextField.y); }

對於可重用組件，通過定義松耦合組件的屬性，來向它傳送信息。屬性是通過定義固有的存取器（setter和getter方法）和指定參數的數據類型來實現的。也可以直接定義，但直接定義時用標籤去寫入值的話不適用於，初始化時就要執行操作的情況。如之前項目中顯示日期的combobox組件