7.2.3 ページ・デザイナの中央ペイン

ページ・デザイナの中央ペイン上部には、「レイアウト」「ページ検索」および「ヘルプ」タブがあります。中央ペインの下部にはギャラリが含まれています。

7.2.3.1 「レイアウト」タブ

ページ・デザイナの中央ペインに表示される「レイアウト」タブは、ページでのコンポーネントの配置状態を視覚的に表示します。「レイアウト」タブにはコンテキスト・メニューがあります。コンポーネントを選択して右クリックすることで、コンポーネントを削除、移動、またはページ上の他のリージョンや新しいリージョンにコピーできます。また、コンポーネントをクリックして新しい位置にドラッグするだけで、既存のリージョン、アイテムおよびボタンを他のコンポーネントに対して相対的に移動することもできます。たとえば、アイテムを相互に並べて配置するには、2つ目のアイテムを1つ目のアイテムの末尾にドラッグし、目的の場所にカーソルを合わせたときに表示される濃い黄色のボックス内にドロップします。新しいコンポーネントを既存のページに追加するには、「ギャラリ」からコンポーネントを「レイアウト」タブ内の目的の位置までドラッグするだけです。

各ペインのサイズを調整するには、縦横のスプリッタを選択してドラッグします。各ペインを展開または縮小するには、各スプリッタの中央にある「閉じる」というラベルの小さい三角形をクリックします。また、「開く」ボタンをクリックして「レイアウト」タブを拡大し、その後、「リストア」をクリックして前のサイズに戻すこともできます。

ヒント:

非表示のアイテムは「レイアウト」タブに表示されませんが、「レンダリング」ツリーには表示されます。

「レイアウト」タブの主な機能は次のとおりです。

  • コンテキスト・メニュー。コンポーネントまたはコントロールを右クリックすると、コンテキスト・メニューが表示されます。

  • プロパティ・エディタへの迅速なアクセス。1つのコンポーネントまたは複数のコンポーネントを選択すると、右ペインのプロパティ・エディタに対応する属性が表示されます。

  • ドラッグ・アンド・ドロップ。ドラッグ・アンド・ドロップにより、リージョン、アイテムおよびボタンの移動、コピーおよび順序変更を行います。「ギャラリ」からリージョン、アイテムおよびボタンをドラッグしてページ上の目的の位置にドロップすることによって、新しく追加することもできます。

  • ツールチップ。コンポーネントまたはコントロールの上にマウスをあわせると、リージョン・タイプ、アイテム・タイプなどの基本情報のツールチップが表示されます。

ヒント:

アイテムを既存のアイテムと同じ行にドラッグするなど、コンポーネントを新しい位置にドラッグする場合は、コンポーネントを目的の位置にドラッグした後、グリッドが変更されて新しいドロップ位置が表示されるまで待つ必要があります。「ドラッグ・アンド・ドロップによるリージョン、アイテムまたはボタンの追加」を参照してください。

「レイアウト」メニュー

「レイアウト」メニューは、ペインの右側に表示されます。このメニューを使用すると、表示する情報のタイプおよび量のカスタマイズ、選択したコンポーネントの削除、移動およびコピーを実行できます。特定のリージョンが「レイアウト」タブ全体に表示されるようにするには、リージョンを選択して、「レイアウト」メニューから「ここから表示」を選択します。選択したリージョンが「レイアウト」タブ全体に表示されます。ビューをリストアするには、「ページから表示」を選択します。

7.2.3.2 「ページ検索」タブ

「ページ検索」タブは、中央ペインの「レイアウト」の右側に表示されます。「ページ検索」を使用して、リージョン、アイテム・ボタン、動的アクション、列などのすべてのページ・メタデータを検索します。ページを検索するには、指定のフィールドに検索文字列を入力します。大文字と小文字を区別するには、「大/小文字の区別」を選択します。正規表現を検索するには、「正規表現」を選択します。

7.2.3.3 「ヘルプ」タブ

ページ・デザイナには、すべてのページ・エディタ属性のヘルプが含まれています。ヘルプを表示するには、属性を選択して「ヘルプ」タブをクリックします。「ヘルプ」ペインをアクティブ化すると、別の属性を選択するたびに表示されるコンテンツが変わります。この例では、「ソース」「タイプ」属性が選択されており、「ヘルプ」タブには、属性の用途および使用可能なオプションが示されています。

7.2.3.4 ギャラリ

「ギャラリ」は、ページ・デザイナの中央ペインの「レイアウト」タブの下に表示されます。「ギャラリ」には、「リージョン」、「アイテム」および「ボタン」の3つのタブがあります。コントロールまたはコンポーネントにカーソルをあわせると、それについて説明するツールチップが表示されます。ペインのサイズを調整するには、縦横のスプリッタをドラッグします。「ギャラリ」ペインを縮小またはリストアするには、各スプリッタの中央にある小さい三角形をクリックします。

「ギャラリ」からコントロールまたはコンポーネントを選択して「レイアウト」タブにドラッグ・アンド・ドロップすることによって、新しいコントロールおよびコンポーネントをページに追加できます。または、「ギャラリ」でコントロールまたはコンポーネントを選択して右クリックし、コンテキスト・メニューを表示することもできます。

「ギャラリ」メニュー

「ギャラリ」メニューは、「ギャラリ」ペインの右側に表示されます。デフォルトでは、「ギャラリ」にはサポートされているコントロールおよびコンポーネントのみが表示されます。