創(chuàng)建和編輯ActionScript和Flex應(yīng)用程序元素

此功能僅在Ultimate版本中受支持。

在處理 ActionScript 和 Flex 應(yīng)用程序時(shí)，您可以創(chuàng)建和編輯應(yīng)用程序元素，例如：包、ActionScript 類和接口以及 MXML 組件。

對(duì)于 ActionScript 類、接口和 MXML 組件，IntelliJ IDEA 提供了許多預(yù)定義的文件模板。

• 創(chuàng)建一個(gè)包
• 創(chuàng)建一個(gè) ActionScript 類或接口
• 創(chuàng)建一個(gè) MXML 組件
• 在編輯器中啟動(dòng) ActionScript 類創(chuàng)建
• 基于模板的 ActionScript 類、接口和 MXML 組件
• 用于 ActionScript 和 Flex 的預(yù)定義文件模板變量
• 為 MXML 組件創(chuàng)建自定義文件模板的示例
• 使用 SWF 元數(shù)據(jù)標(biāo)記來(lái)控制 HTML 包裝器屬性
• 編輯 ActionScript 和 Flex 源代碼

創(chuàng)建一個(gè)包

1. 在“項(xiàng)目（Project）”工具窗口中，選擇您的源根文件夾（例如：src）或您要在其中創(chuàng)建新包的包。選擇：文件| 新建| 包（File | New | Package），或按 Alt+Insert 然后選擇“包（Package）”。

   或者，右鍵單擊相應(yīng)的文件夾或包，然后從上下文菜單中選擇：新建| 包（New | Package）。

2. 在打開(kāi)的“新建包（New Package）”對(duì)話框中，指定包名稱并單擊“確定”。

   請(qǐng)注意，如果使用 dots（.）分隔包名稱，則可以一次創(chuàng)建多個(gè)包。例如，如果您鍵入 myPackage.mySubpackage，并且這些包當(dāng)前都不存在，則將創(chuàng)建這些包 (myPackage 和 mySubpackage)。

   另請(qǐng)注意，您可以在創(chuàng)建新的 ActionScript 類或接口或 MXML 組件時(shí)創(chuàng)建新的包。

創(chuàng)建一個(gè)ActionScript類或接口

1. 在"項(xiàng)目（Project）"工具窗口中，選擇您的源根文件夾（例如：src）或您要在其中創(chuàng)建新的 ActionScript 類或接口的包。選擇：文件| 新建| ActionScript類（File | New | ActionScript Class），或者按下 Alt+Insert，并選擇 ActionScript 類。

   或者，右鍵單擊相應(yīng)的文件夾或包，然后從上下文菜單中選擇：新建| ActionScript類（New | ActionScript Class）。

2. 在打開(kāi)的“新建 ActionScript 類”對(duì)話框中，指定類的名稱、包、要使用的文件模板，然后單擊“創(chuàng)建（Create）”。如果使用帶有Supers模板的類，則還可以指定該類應(yīng)實(shí)現(xiàn)的超類或一個(gè)或多個(gè)接口。

   請(qǐng)注意，如果您指定一個(gè)尚不存在的包，則會(huì)創(chuàng)建相應(yīng)的包。

創(chuàng)建一個(gè)MXML組件

1. 在 "項(xiàng)目（Project）"工具窗口中，選擇您的源根文件夾（例如：src）或您要在其中創(chuàng)建新 MXML 組件的包。選擇：文件| 新建| MXML組件（File | New | MXML Component），或者按下 Alt+Insert，并選擇 MXML 組件。

   或者，右鍵單擊相應(yīng)的文件夾或包，然后上下文菜單中選擇：新建| ActionScript類（New | ActionScript Class）。

2. 在打開(kāi)的“新建 MXML 組件”對(duì)話框中，指定組件的名稱、包、要使用的文件模板、父組件，然后單擊“創(chuàng)建（Create）”。

   請(qǐng)注意，如果您指定一個(gè)尚不存在的包，則會(huì)創(chuàng)建相應(yīng)的包。

在編輯器中啟動(dòng)ActionScript類創(chuàng)建

在處理類的源代碼時(shí)，您可以在編輯器中開(kāi)始創(chuàng)建其子類。同樣，你可以開(kāi)始創(chuàng)建一個(gè)實(shí)現(xiàn)接口的類。為了實(shí)現(xiàn)這些目的，IntelliJ IDEA分別提供了稱為創(chuàng)建子類和實(shí)現(xiàn)接口的意向操作。

以下是一個(gè)使用“創(chuàng)建子類（Create Subclass）”意向操作的例子。（實(shí)現(xiàn)接口操作以類似的方式訪問(wèn)。）

1. 在編輯器中，將光標(biāo)放在包含類聲明的行內(nèi)。
2. 按Alt+Enter，并選擇“創(chuàng)建子類（Create Subclass）”。
3. 在打開(kāi)的“新建 ActionScript 類”對(duì)話框中，指定新類的設(shè)置，然后單擊“創(chuàng)建（Create）”。

基于模板的ActionScript類，接口和MXML組件

ActionScript類，接口和MXML組件是根據(jù)文件模板創(chuàng)建的。以下預(yù)定義模板可用：

• ActionScript類。 該模板生成如下所示的文件內(nèi)容（創(chuàng)建類時(shí)指定的目標(biāo)包和類的名稱）：

  package myPackage {
  public class MyClass {
      public function MyClass() {
      }
  }
  }

• Supers 的 ActionScript 類。 該模板生成如下所示的文件內(nèi)容（目標(biāo)包、類名、超類和/或在創(chuàng)建類時(shí)指定了類別實(shí)現(xiàn)的接口）：

  package myPackage {
   MyClass1 extends MyClass implements IMyInterface1, IMyInterface2 {
  unction MyClass1() {
  r();

• ActionScript 接口。 該模板生成如下所示的文件內(nèi)容（在創(chuàng)建接口時(shí)指定目標(biāo)包和接口名稱）：

  package myPackage {
  face IMyInterface {

• Flex 3組件。該模板生成如下所示的文件內(nèi)容（根標(biāo)記由創(chuàng)建組件時(shí)指定的父組件定義；當(dāng)生成以下示例時(shí)，mx.core.Application指定為父組件）：

  <?xml version=
              "1.0"?>
  <mx:Application
              xmlns:mx=
              "http://www.adobe.com/2006/mxml">
  </mx:Application>

• Flex 4組件。該模板生成如下所示的文件內(nèi)容（根標(biāo)記由創(chuàng)建組件時(shí)指定的父組件定義;當(dāng)生成以下示例時(shí)，spark.components.Application 指定為父組件）：

  <?xml version=
              "1.0"?>
  <s:Application
              xmlns:fx=
              "http://ns.adobe.com/mxml/2009"
              xmlns:s=
              "library://ns.adobe.com/flex/spark">
  </s:Application>

如有必要，您可以修改預(yù)定義的模板或創(chuàng)建自己的自定義文件模板。

ActionScript和Flex的預(yù)定義文件模板變量

對(duì)于ActionScript和Flex文件模板，預(yù)定義模板變量的列表更廣泛。此外還有以下預(yù)定義變量：

• ${Superclass} - ActionScript 類的父類或 MXML 組件的父組件。
• ${SuperInterfaces} - ActionScript 類實(shí)現(xiàn)的接口列表。

為MXML組件創(chuàng)建自定義文件模板的示例

如前面的內(nèi)容所述，預(yù)定義的 MXML 4 組件文件模板只是為 MXML 組件生成根標(biāo)記。假設(shè)您想要另外生成 <fx:Declarations> 和 <fx:Script> 標(biāo)簽。

如果由于某種原因，您希望保持預(yù)定義模板不變，則可以創(chuàng)建相應(yīng)的自定義文件模板。

1. 按 Ctrl+Alt+S 或選擇：文件| 設(shè)置（File | Settings，適用于Windows和Linux）或 IntelliJ IDEA | 首選項(xiàng)（IntelliJ IDEA | Preferences，適用于macOS），然后進(jìn)入：Editor | 文件和代碼模板（Editor | File and Code Templates）。
2. 在對(duì)話框右側(cè)部分打開(kāi)的“文件模板（File Templates）”頁(yè)面上，選擇“模板（Templates）”選項(xiàng)卡。
3. 選擇Flex 4組件。
4. 現(xiàn)在，要?jiǎng)?chuàng)建此模板的副本，請(qǐng)單擊 。
5. 例如，將模板的名稱更改為具有聲明和腳本的Flex 4組件。
6. 在模板正文中（顯示在“按格式重新格式化”復(fù)選框下的區(qū)域中），在下面的行的后面：

   <${Superclass} xmlns:fx="http://ns.adobe.com/mxml/2009">

   添加以下內(nèi)容：

   <fx:Declarations>
   </fx:Declarations>
   <fx:Script><![CDATA[
   ]]></fx:Script>

7. 在“設(shè)置（Settings）”對(duì)話框中單擊“確定”。

如前所述，預(yù)定義的 MXML 4 組件文件模板只是為 MXML 組件生成根標(biāo)簽。假設(shè)您另外還要生成 <fx:Declarations> 和 <fx:Script> 標(biāo)簽。

如果由于某種原因，您希望保持預(yù)定義模板不變，則可以創(chuàng)建相應(yīng)的自定義文件模板。

現(xiàn)在，檢查結(jié)果：

1. 選擇你的源文件夾（例如：src），然后按 Alt+Insert。請(qǐng)注意，帶有聲明和腳本選項(xiàng)（對(duì)應(yīng)于新模板的名稱）的Flex 4組件現(xiàn)在可在新建菜單中使用。
2. 選擇 MXML 組件。在打開(kāi)的“新建 MXML 組件”對(duì)話框中，檢查模板列表的內(nèi)容。請(qǐng)注意，帶有聲明和腳本的Flex 4組件也已添加到此列表中。

使用SWF元數(shù)據(jù)標(biāo)記來(lái)控制HTML包裝器屬性

您可以在主應(yīng)用程序類中使用 SWF 元數(shù)據(jù)標(biāo)記來(lái)設(shè)置 HTML 包裝器中的標(biāo)題、背景顏色、寬度和高度屬性 。

例如，如果 ActionScript 類包含：

package myPackage {
port flash.display.Sprite;
WF(pageTitle="hello", backgroundColor="#ccddee", width="400", height="200")]
public class MyClass extends Sprite {
  ...

相應(yīng)的屬性將在 HTML 包裝器中設(shè)置。

以類似的方式，如果相應(yīng)的文件包含以下內(nèi)容，SWF 元數(shù)據(jù)標(biāo)簽將用于 MXML 組件：

<?xml version=
      "1.0"?>
<s:Application
      xmlns:fx=
      "http://ns.adobe.com/mxml/2009"
      xmlns:s=
      "library://ns.adobe.com/flex/spark">
    <fx:Metadata>
        [SWF(pageTitle="hello", backgroundColor="#ccddee", width="400", height="200")]
    </fx:Metadata>
    ...
</s:Application>

默認(rèn)情況下，標(biāo)題與嵌入 .swf 文件的名稱相同，背景顏色為 white（#ffffff），寬度和高度均為100%。

編輯ActionScript和Flex源代碼

你可以使用以下 IntelliJ IDEA 功能來(lái)編輯 ActionScript 和 Flex 源代碼：

• 語(yǔ)法和錯(cuò)誤突出顯示。請(qǐng)注意，代碼突出顯示的方式由活動(dòng)構(gòu)建配置定義。
  
  
• 代碼完成。
  
  
• 圍繞著標(biāo)簽或代碼構(gòu)造（按 Ctrl+Alt+T 和 Ctrl+Alt+J），以及去除封閉標(biāo)簽（Ctrl+Shift+Delete）。
  
  
• 意向操作和快速修復(fù)（Alt+Enter）。
  
  
  
• 代碼檢查。
  
  
• MXML組件和ActionScript類的結(jié)構(gòu)視圖。
  
  
• 跳轉(zhuǎn)到聲明 （按 Ctrl+B）。
• 代碼重構(gòu)。
• 自動(dòng)代碼生成（按 Alt+Insert）：生成 getter 和 setter、可綁定的 getter 和 setter、事件處理程序等。

相關(guān)教程

Flex教程