ダイアログエディター

ダイアログエディターは、ダイアログボックスおよび基礎モードを簡単に作成および編集できるグラフィカルインターフェイスを提供します。

動作を確認するには、CRXDE Liteに移動し、/libs/foundation/components/chartのエクスプローラツリーを開き、重複dialogをクリックします。

dialog ノードが​ダイアログエディター​で開かれます。

ユーザーインターフェイスの概要

ダイアログエディターのインターフェイスは次の 4 つのウィンドウで構成されています。

• 左上の​パレット。このウィンドウには、タブパネル、テキストフィールド、選択リスト、ボタンなど、ダイアログボックスの作成に使用できるウィジェットが表示されます。パレット内の様々なカテゴリを展開するには、該当する分割バーをクリックします。
• 左下の​構造​ウィンドウ。このウィンドウには、ダイアログの定義を構成するノードの構造が表示されます。CRXDE Lite または CRX Content Explorer で dialog ノードを展開した場合も、同じ構造が表示されます。
• ウィンドウの中央にある​render​ペイン。このペインでは、構造ウィンドウで定義されたダイアログ定義が実際のダイアログボックスとしてレンダリングされる方法を示します。
• プロパティ​ウィンドウ。このウィンドウには、構造ウィンドウで現在選択されているノードのプロパティが表示されます。

ダイアログエディターの使用

ダイアログボックスを作成するには、パレットから構造ウィンドウへ要素をドラッグ＆ドロップして、ダイアログ定義階層内に配置します。

必要な構造が完成したら、レンダリングウィンドウ上部の「保存」をクリックします。

新しいダイアログの作成

新しいダイアログボックスを作成するには、必要なコンポーネントを選択して、「作成」をクリックし、「ダイアログを作成」をクリックします。

必要な詳細を入力して「すべて保存」をクリックします。ここでダイアログをダブルクリックすると、エディターで開くことができます。

ダイアログエディターを使用した基礎モードの作成

基礎モードは、ワンステップで入力および送信が可能なフォームを含む特殊なページです。これを使用すると、入力されたコンテンツを使用して、短時間でページを作成できます。

足場を構成するフォームは、通常のダイアログと同様に、ダイアログ定義によって定義されますが、スキャフォールドページには別の形式で表示されます。ダイアログ定義は足場の定義に使用されるので、ダイアログエディターを使用して足場を設計できます。 この方法でダイアログエディタを使用する場合、レンダリングペインには、スキャフォールドとしてではなく、ダイアログボックスの形式でダイアログ定義が表示されます。

ダイアログエディターを使用して基礎モードを作成する方法について詳しくは、基礎モードを参照してください。