現在表示中:

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

機能を確認するには、CRXDE Lite でエクスプローラーツリーを開き、/libs/foundation/components/chartdialog ノードをダブルクリックします。

chlimage_1

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

screen_shot_2012-02-01at25033pm

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

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

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

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

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

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

警告:

ダイアログエディターは、比較的単純なダイアログの作成を目的としているので、複雑なダイアログ定義は編集できない場合があります。ダイアログエディターで編集できないダイアログ構造がある場合は、CRXDE Lite や CRX Content Explorer などを使用してノード構造を直接編集することにより、ダイアログ定義を手動で作成/編集する必要があります。

新しいダイアログの作成

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

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

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

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

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

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

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー