| Flex Builder 2 の使用 > Flex Builder ファーストステップガイド > Flex Builder ワークベンチの基礎 > Flex Builder エディタについて | |||
|
|||
|
|||
|
|||
Flex Builder には、MXML、ActionScript 3.0、および CSS の各コードを編集できるエディタが用意されています。エディタは、ワークベンチとビューの中核であり、エディタが格納されているパースペクティブによってそれらの機能がサポートされます。
エディタはリソースタイプに関連付けられているため、ワークベンチでリソースを開くと、該当するエディタが開かれます。ワークベンチは、アプリケーションを開発するためのドキュメント中心型 (およびプロジェクト中心型) の環境です。
Flex Builder で Flex アプリケーションを開発する場合、MXML、ActionScript 3.0、および CSS の各エディタを使用します。各エディタには、所定のリソースタイプの作成に必要な機能が備わっています。
Flex Builder には、次のエディタがあります。
MXML エディタMXML エディタを使用すると、MXML を編集し、ActionScript コードと CSS コードを <mx:Script> タグと <mx:Style> タグに埋め込むことができます。MXML エディタには、ソースモードとデザインモードの 2 つのモードがあります。ソースモードは、コードの編集に使用されます。デザインモードは、アプリケーションの視覚的なレイアウトとデザインに使用されます。2 つのモードは同期されているため、片方のモードの変更は他方のモードに即座に反映されます。詳細については、Flex Builder でのコード編集を参照してください。
ActionScript エディタActionScript エディタを使用すると、ActionScript のクラスファイルとインターフェイスファイルを編集できます。<mx:Script> タグを使用して ActionScript 関数を MXML ファイルに埋め込むこともできますが、一般的には、クラスを別の ActionScript ファイルに定義してから MXML ファイルに読み込みます。この方法を使用すると、ほとんどの Flex アプリケーションを ActionScript で定義できます。
CSS エディタCSS エディタを使用すると、カスケーディングスタイルシートを編集できます。その後、スタイルをアプリケーションのビジュアルエレメントに適用できます。詳細については、『Flex 2 開発ガイド』のスタイルとテーマの使用を参照してください。
エディタには、コードの開発を簡略化する多くの機能が装備されています。これらの中で最も重要な機能はコンテンツアシストです。これは MXML、ActionScript、および CSS コードを入力すると、コードを完成させるためのヒントを表示します。
コードヒントは、コードを入力すると、自動的に表示されます。Ctrl + スペースバーを押しても、コードヒントを表示できます。次の例は、MXML エディタのコードヒントを示します。
Flex または言語 (MXML、ActionScript、および CSS) が認識できるコード式の入力を開始すると、常にコードヒントが表示されます。たとえば、Flex コンポーネントの名前を入力すると、そのコンポーネントの全プロパティの一覧が表示されます。
ActionScript コードヒントもサポートされています。ActionScript コードヒントは、MXML 文書に埋め込まれた <mx:Script> タグ内とスタンドアローン ActionScript ファイル内に表示されます。コンテンツアシストは、すべての ActionScript 言語エレメント (インターフェイス、クラス、変数、関数、戻り値など) についてのコードヒントを表示します。
コンテンツアシストは、ユーザーが作成したカスタム MXML コンポーネントや ActionScript クラスのコードヒントも提供します。たとえば、カスタム MXML コンポーネントを定義してプロジェクトに追加した場合、MXML アプリケーションファイルでコンポーネントを参照すると、コードヒントが表示されます。
コンテンツアシストの使用方法の詳細については、Flex Builder のコンテンツ支援についてを参照してください。
コードナビゲーションでは、特に多数のリソースがある大規模なプロジェクトでのコードの作業負荷が軽減されます。コードナビゲーションには、コードエレメント (たとえば、MXML アプリケーションファイル内のカスタム Flex コンポーネントへの参照) を選択して、プロジェクト、ワークスペース、またはパスに配置されているかどうかを問わず、コード定義のソースに移動する機能が備わっています。
他のコードナビゲーション機能としては、コード折り畳みとアウトラインビューがあります。コード折り畳みでは、複数行のコードステートメントを折り畳んだり展開したりできます。アウトラインビューでは、ファイル内のすべてのユーザーインターフェイスとコードエレメントが階層的に表示され、そのいずれの要素にも移動することができます。詳細については、コードのナビゲートと整理を参照してください。
コードを記述する際、読みやすさを向上するために、コード行が自動的にインデントされ、区別しやすい色がコードエレメントに付加され、入力時にコードをすばやくフォーマットするための多数のコマンド (ブロックコメントの追加など) が提供されます。詳細については、コードのフォーマットを参照してください。
Flex 2.01