FlashBuilder的代碼模板

輸入fori,自動生成for循環,輸入try自動生成try/catch塊,自動生成變量,函數,元數據代碼生成...

敲代碼想偷懶不?想?那就接着往下看。

說明:首先要確保Flash Builder爲4.5以上版本,再就是Ctrl + 空格 快捷鍵和輸入法切換衝突!

打開flash builder,點Window->Preferences->General->Keys,然後右邊Command下面找到Quick Fix ,還有Content Assist

主要就是這兩個,把它們的快捷鍵分別改爲Ctrl + 1, Ctrl + 2,然後就往下看吧

轉載自:http://www.adobe.com/cn/devnet/flash-builder/articles/flashbuilder45-coding-enhancements.html

Flash Builder 4.5 以 Flash Builder 4 發行版爲構建基礎,爲代碼編輯環境引入了各種改進功能,它們有助於在編寫 Flex 和 ActionScript 代碼時提高工作效率。

瞭解可以使用哪些工具以及何時/如何調用它們是提高編碼工作效率的關鍵所在-通過閱讀本文,您將瞭解這一發行版包含的新增功能並在編碼時立即使用它們。

我們將重點介紹以下 Flash Builder 4.5 功能:

  • 代碼模板
  • 元數據代碼完成
  • 覆蓋實現方法
  • 快速助手,如文件/工作區中重命名、組織導入、轉換爲字段、指定到變量、拆分變量聲明
  • 從使用生成一個本地變量、字段、方法、類、接口和事件處理函數
  • 自定義代碼生成可用於更改 Flash Builder 生成的代碼
  • CSS 改進


代碼模板

比如,您定義了 Array 類型的變量並希望編寫一個 for 循環以遍歷該 Array 中的元素。您現在可以讓 Flash Builder 4.5 爲您生成這個 for 循環而不必自己鍵入所有代碼。要這樣做,您只需鍵入“fori”並按“Ctrl + 空格鍵”即可(請參閱圖 1)。



圖 1.使用模板插入的 For 循環

代碼模板允許您使用內容助手(Ctrl + 空格鍵)自動插入常用代碼模式。代碼模板基於上下文,涵蓋從 ActionScript 中的 for 循環到 MXML 中的 WebService 標記。Flash Builder 4.5 隨附 100 多個預定義的 ActionScript、MXML 和 CSS 模板:

  • ActionScript-包、類、for 循環、while 循環和 try-catch 塊等
  • MXML-Button、DataGrid、HttpService 和 WebService 等
  • CSS-Button、DataGrid 和 @font-face 等


您可以依次打開“首選項”>“Flash Builder”>“編輯器”>“代碼模板”>“ActionScript/CSS/MXML”查看並編輯預定義的模板(請參閱圖 2)。



圖 2.代碼模板首選項頁

您可以爲常用編碼模式定義新模板,導入/導出代碼模板,從而在小組環境中共享一組一致的模板。



自定義代碼生成

除了創建自己的代碼模板,許多情況下 Flash Builder 也會爲您生成代碼-事件處理函數、函數和 getter/setter 等。現在,您可以使用模板自定義 Flash Builder 生成的代碼。您可以依次打開“首選項”>“Flash Builder”>“編輯器”>“代碼模板”>“Flash Builder”查看並編輯這些模板(請參閱圖 3)。



圖 3.代碼生成模板

您可以編輯模板,導入/導出模板,從而在小組環境中共享一組一致的模板。

要自定義事件處理函數模板,使生成的命名空間爲 private 並且處理函數名稱爲 componentName_on_event,您可以修改事件處理函數模板(請參閱圖 4)。



圖 4.事件處理函數模板

生成的事件處理函數如圖 5 所示。



圖 5.生成的事件處理函數

元數據代碼完成

您可以使用新的元數據代碼完成支持輸入元數據標記。當您在編輯器中的類、方法或變量定義附近輸入“[”字符時,將顯示元數據提示。將出現一個有效元數據標記列表,這些標記與類或 MXML 中的位置有前後關係。您可以從這個列表中選擇要插入的元數據標記。如果未找到所需的元數據標記,只需再次按“CTRL + 空格鍵”就可以看到可用選項的完整列表(請參閱圖 6)。



圖 6.類級別的元數據提議

選擇標記後,Flash Builder 將生成元數據標記和必需屬性。您隨後即可使用 Tab 鍵輕鬆實現從一個值到另一個值的導航(請參閱圖 7)。



圖 7.已插入事件元數據和必需屬性

您可以使用內容助手在元數據標記中輕鬆輸入類名和屬性名。例如,添加 [Event] 標記時,您可以從項目中可用的事件類的完整列表中選擇所需的事件類(請參閱圖 8)。



圖 8.事件元數據及事件類型的提議值。

您還可以使用內容助手插入可選屬性。

Flash Builder 還支持第三方 SWC 提供的元數據標記,前提是它們中嵌入了必需的 metadata.xml 文件。



覆蓋/實現方法

當實現類或自定義基類行爲時,您需要頻繁覆蓋超類方法並實現接口方法。在 Flash Builder 4.5 中,您可以使用“源”菜單中的“覆蓋/實現方法”對話框輕鬆完成這個任務。這個對話框將顯示一個列表,其中包含活動類繼承而來的類以及它實現的接口(請參 閱圖 9)。



圖 9.實現 SampleInterface 的 SampleClass 的“覆蓋/實現”對話框

您可以從各個超類選擇要覆蓋的方法,爲每個接口選擇要實現的方法。您還可以選擇要插入方法的位置。Flash Builder 爲選定方法生成代碼存根。



快速助手

快速助手提供一個基於上下文的操作列表,幫助您完成日常編碼任務。要調用快速助手,可使用鍵盤快捷鍵“CTRL + 1”,也可以從上下文菜單中選擇“快速修正/助手”(請參閱圖 10)。



圖 10.用於變量的快速助手。

下面討論 Flash Builder 4.5 中引入的各種快速助手:

  • 文件中重命名-允許您在不打開對話框的情況下,對變量、方法、類和參數執行本地內聯重命名。您只需調用這個快速助手,就可以開始更改選定元素。在您鍵入時,將重命名對文件中特殊元素的所有引用。
  • 工作區中重命名-提供打開“重命名重構”對話框的快捷方式。
  • 將本地變量轉換爲字段-允許您將本地變量提升爲字段變量。將創建一個新的字段變量,並刪除本地變量的聲明語句。
  • 指定到變量-爲表達式語句創建一個新變量。鍵入任何表達式並調用快速助手。將生成一個新變量,並創建表達式作爲新變量的賦值語句。
    例如,要將一個函數調用指定到一個新變量,可將光標放在函數調用上,然後按“Ctrl + 1”。從顯示的列表中選擇“指定到變量”(請參閱圖 11 和 12)。


圖 11.“指定到變量”快速助手。

圖 12.“指定到變量”將創建新變量。

  • 拆分變量聲明-允許您將變量(包括初始化)拆分爲變量聲明和變量初始化。
  • 生成 getter/setter-提供調用現有“生成 Getter/Setter”對話框的簡單途徑。
  • 組織導入-允許您組織目前文件中的導入語句。
  • 插入導入-允許您爲文件中使用的未知 Class/Interface 添加導入。


從使用生成

在編碼時,您遇到過多少次以下情況:某個變量、方法、類或接口尚未定義,並且在未定義它們的情況下無法繼續編碼?“從使用生成”就是用於定義未定義項的。它爲使用快速助手 (Ctrl + 1) 生成佔位符存根代碼提供了一個便捷選項。將使用橙色波浪線突出顯示所有未定義的引用,這樣很容易找出未定義項,然後使用“從使用生成”。

以下是不同的“從使用生成”選項:

  • 生成變量-鍵入要創建的變量名並調用快速助手。選擇“創建變量”選項,將爲您生成變量聲明。如果您所在的表達式包含未定義項,您也可以使用這個快速助手。該選項還可以用於在其他類中創建實例變量。例如,如果 obj 是 MyClass 類型的對象,在 obj.property 上按“Ctrl + 1”將顯示在類 MyClass 中生成實例變量屬性的選項。該選項還可以用於在其他類中創建實例變量。例如,如果 obj 是 MyClass 類型的對象,在 obj.property 上按“Ctrl + 1”將顯示在類 MyClass 中生成實例變量屬性的選項。
  • 生成方法-與生成變量相似,您只需鍵入要創建的方法名並調用快速助手即可。選擇“創建函數”選項將生成相應方法及所有必需參數(請參閱圖 13)。與“生成變量”在其他類中生成實例變量的方式相似,該選項也可以用於在其他類中生成方法。與“生成變量”在其他類中生成實例變量的方式相似,該選項也可以用於在其他類中生成方法。


圖 13.生成方法

  • 生成類/接口-如果您嘗試生成一個未知類型的變量,可調用快速助手,將提供一個創建類/接口的選項(請參閱圖 14)。


圖 14.生成類/接口

  • 生成事件處理函數-在 ActionScript 中爲組件添加一個事件處理函數現在變得很簡單。鍵入
    component.addEventListener("EVENT_NAME", myHandler);然後調用快速助手。選擇“生成事件處理函數”,將爲您生成該處理函數(請參閱圖 15)。


圖 15.生成類/接口

文檔的 CSS 編輯增強。

除了我們討論的代碼編輯得到改進,Flash Builder 4.5 還爲 CSS 代碼編輯提供增強支持。

內容助手改進

在 Flash Builder 4.5 中,您可以使用下圖所示的 ClassReference 標記中的內容助手將引用輕鬆插入類中(請參閱圖 16)。



圖 16. ClassReference 標記中的內容助手

Flash Builder 4.5 爲各種媒體查詢元素提供代碼完成支持(請參閱圖 17)。



圖 17.媒體查詢支持

超鏈接

您可以使用下圖所示的超鏈接導航到選擇器或引用類的類(請參閱圖 18 和 19)。光標懸浮時,按住 Ctrl 或 Cmd 鍵即可顯示超鏈接。當光標位於 ClassReference 標記中的選擇器或類名上方時,您也可以使用“導航 -> 打開聲明”菜單選項。



圖 18.導航到引用類

圖 19.選擇器導航
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章