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

2018-02-28 11:16 更新

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

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

對于 ActionScript 類、接口和 MXML 組件,IntelliJ IDEA 提供了許多預定義的文件模板。

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

創(chuàng)建一個包

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

    或者,右鍵單擊相應的文件夾或包,然后從上下文菜單中選擇:新建| 包(New | Package)。

  2. 在打開的“新建包(New Package)”對話框中,指定包名稱并單擊“確定”。

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

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

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

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

    或者,右鍵單擊相應的文件夾或包,然后從上下文菜單中選擇:新建| ActionScript類(New | ActionScript Class)。

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

    請注意,如果您指定一個尚不存在的包,則會創(chuàng)建相應的包。

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

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

    或者,右鍵單擊相應的文件夾或包,然后上下文菜單中選擇:新建| ActionScript類(New | ActionScript Class)。

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

    請注意,如果您指定一個尚不存在的包,則會創(chuàng)建相應的包。

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

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

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

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

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

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

  • ActionScript類。 該模板生成如下所示的文件內(nèi)容(創(chuàng)建類時指定的目標包和類的名稱):
    package myPackage {
    public class MyClass {
        public function MyClass() {
        }
    }
    }
  • Supers 的 ActionScript 類。 該模板生成如下所示的文件內(nèi)容(目標包、類名、超類和/或在創(chuàng)建類時指定了類別實現(xiàn)的接口):
    package myPackage {
     MyClass1 extends MyClass implements IMyInterface1, IMyInterface2 {
    unction MyClass1() {
    r();
  • ActionScript 接口。 該模板生成如下所示的文件內(nèi)容(在創(chuàng)建接口時指定目標包和接口名稱):
    package myPackage {
    face IMyInterface {
  • Flex 3組件。該模板生成如下所示的文件內(nèi)容(根標記由創(chuàng)建組件時指定的父組件定義;當生成以下示例時,mx.core.Application指定為父組件):
    <?xml version=
                "1.0"?>
    <mx:Application
                xmlns:mx=
                "http://www.adobe.com/2006/mxml">
    </mx:Application>
  • Flex 4組件。該模板生成如下所示的文件內(nèi)容(根標記由創(chuàng)建組件時指定的父組件定義;當生成以下示例時,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>

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

ActionScript和Flex的預定義文件模板變量

對于ActionScript和Flex文件模板,預定義模板變量的列表更廣泛。此外還有以下預定義變量:

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

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

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

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

  1. 按 Ctrl+Alt+S 或選擇:文件| 設置(File | Settings,適用于Windows和Linux)或 IntelliJ IDEA | 首選項(IntelliJ IDEA | Preferences,適用于macOS),然后進入:Editor | 文件和代碼模板(Editor | File and Code Templates)。
  2. 在對話框右側(cè)部分打開的“文件模板(File Templates)”頁面上,選擇“模板(Templates)”選項卡。
  3. 選擇Flex 4組件。
  4. 現(xiàn)在,要創(chuàng)建此模板的副本,請單擊 。
  5. 例如,將模板的名稱更改為具有聲明和腳本的Flex 4組件。
  6. 在模板正文中(顯示在“按格式重新格式化”復選框下的區(qū)域中),在下面的行的后面:
    <${Superclass} xmlns:fx="http://ns.adobe.com/mxml/2009">

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

    <fx:Declarations>
    </fx:Declarations>
    <fx:Script><![CDATA[
    ]]></fx:Script>
  7. 在“設置(Settings)”對話框中單擊“確定”。

如前所述,預定義的 MXML 4 組件文件模板只是為 MXML 組件生成根標簽。假設您另外還要生成 <fx:Declarations> 和 <fx:Script> 標簽。

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

現(xiàn)在,檢查結(jié)果:

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

使用SWF元數(shù)據(jù)標記來控制HTML包裝器屬性

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

例如,如果 ActionScript 類包含:

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

相應的屬性將在 HTML 包裝器中設置。

以類似的方式,如果相應的文件包含以下內(nèi)容,SWF 元數(shù)據(jù)標簽將用于 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>

默認情況下,標題與嵌入 .swf 文件的名稱相同,背景顏色為 white(#ffffff),寬度和高度均為100%。

編輯ActionScript和Flex源代碼

你可以使用以下 IntelliJ IDEA 功能來編輯 ActionScript 和 Flex 源代碼:

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

相關教程

Flex教程

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號