IntelliJ IDEA使用之JSON

IntelliJ IDEA使用之JavaServer Faces（JSF）

IntelliJ IDEA使用之：JPA和Hibernate

IntelliJ IDEA使用之Kotlin

IntelliJ IDEA使用之Kubernetes插件

使用Markdown

使用Emmet

使用樣式表

IntelliJ IDEA使用之XML

使用Node.js

IntelliJ IDEA使用之OSGi和OSMORC

重構(gòu)PHP

通過Xdebug代理進行多用戶調(diào)試

IntelliJ IDEA：分析PHP應(yīng)用程序的性能

IntelliJ IDEA：測試PHP應(yīng)用程序

IntelliJ IDEA使用之PHP

IntelliJ IDEA：PHP框架和外部工具

IntelliJ IDEA：適用于PHP的Google App Engine

IntelliJ IDEA更多內(nèi)容

IntelliJ IDEA備忘單

閱讀(4.6k) 書簽贊(0) 我要糾錯

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

2018-02-28 11:16 更新

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

在處理 ActionScript 和 Flex 應(yīng)用程序時，您可以創(chuàng)建和編輯應(yī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)建一個包

在“項目（Project）”工具窗口中，選擇您的源根文件夾（例如：src）或您要在其中創(chuàng)建新包的包。選擇：文件| 新建| 包（File | New | Package），或按 Alt+Insert 然后選擇“包（Package）”。
或者，右鍵單擊相應(yīng)的文件夾或包，然后從上下文菜單中選擇：新建| 包（New | Package）。
在打開的“新建包（New Package）”對話框中，指定包名稱并單擊“確定”。
請注意，如果使用 dots（.）分隔包名稱，則可以一次創(chuàng)建多個包。例如，如果您鍵入 myPackage.mySubpackage，并且這些包當前都不存在，則將創(chuàng)建這些包 (myPackage 和 mySubpackage)。

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

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

在"項目（Project）"工具窗口中，選擇您的源根文件夾（例如：src）或您要在其中創(chuàng)建新的 ActionScript 類或接口的包。選擇：文件| 新建| ActionScript類（File | New | ActionScript Class），或者按下 Alt+Insert，并選擇 ActionScript 類。
或者，右鍵單擊相應(yīng)的文件夾或包，然后從上下文菜單中選擇：新建| ActionScript類（New | ActionScript Class）。
在打開的“新建 ActionScript 類”對話框中，指定類的名稱、包、要使用的文件模板，然后單擊“創(chuàng)建（Create）”。如果使用帶有Supers模板的類，則還可以指定該類應(yīng)實現(xiàn)的超類或一個或多個接口。
請注意，如果您指定一個尚不存在的包，則會創(chuàng)建相應(yīng)的包。

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

在 "項目（Project）"工具窗口中，選擇您的源根文件夾（例如：src）或您要在其中創(chuàng)建新 MXML 組件的包。選擇：文件| 新建| MXML組件（File | New | MXML Component），或者按下 Alt+Insert，并選擇 MXML 組件。
或者，右鍵單擊相應(yīng)的文件夾或包，然后上下文菜單中選擇：新建| ActionScript類（New | ActionScript Class）。
在打開的“新建 MXML 組件”對話框中，指定組件的名稱、包、要使用的文件模板、父組件，然后單擊“創(chuàng)建（Create）”。
請注意，如果您指定一個尚不存在的包，則會創(chuàng)建相應(yīng)的包。

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

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

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

在編輯器中，將光標放在包含類聲明的行內(nèi)。
按Alt+Enter，并選擇“創(chuàng)建子類（Create Subclass）”。
在打開的“新建 ActionScript 類”對話框中，指定新類的設(shè)置，然后單擊“創(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 組件生成根標記。假設(shè)您想要另外生成 <fx:Declarations> 和 <fx:Script> 標簽。

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

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

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

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

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

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

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

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

例如，如果 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ù)標簽將用于 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%。