7.3.1 ページ・デザイナの操作

ページ・デザイナでページを表示したり、左、中央および右のウィンドウ・ペインを管理する方法について学習します。

• ページの検索
  「ページ・セレクタ」を使用して、カレント・アプリケーション内のページを検索します。
• ページ・デザイナでのページの表示
  ページ・デザイナでページを表示するには、アプリケーションを選択してからページを選択します。
• プロパティ・エディタへのアクセス
  ページ・デザイナの右ペインに表示されるプロパティ・エディタには、現在選択しているコンポーネントのすべての属性が表示されます。
• ペイン間のタブのドラッグ・アンド・ドロップ
  「ページ・デザイナ」ペイン内にタブをドラッグ・アンド・ドロップします。
• 3ペイン・モードと2ペイン・モードの切替え
  ページ・デザイナ・ツールバーの「ユーティリティ」メニューの「レイアウト」オプションを使用して、ペイン・モードを切り替えます。
• ギャラリ・コンテキスト・メニューを使用したコンポーネントの追加について
  ギャラリでコンポーネントを右クリックしてコンテキスト・メニューを表示し、ページにコンポーネントを追加します。

7.3.1.1 ページの検索

「ページ・セレクタ」を使用して、カレント・アプリケーション内のページを検索します。

図pd_toolbar.pngの説明

「ページ・セレクタ」は、ページ・デザイナ・ツールバーの最初のコントロールで、カレント・ページ番号を表示します。

アプリケーション内のページを検索するには:

1. ページ・デザイナでページを表示します。
   1. ワークスペースのホームページで、「アプリケーション・ビルダー」アイコンをクリックします。
   2. アプリケーションを選択します。
   3. ページを選択します。
   ページ・デザイナが表示されます。
2. ページ・デザイナ・ツールバーで、「ページ・セレクタ」をクリックします。

   「ページ・ファインダ」が表示されます。

3. ウィンドウ上部のタブをクリックして、ビューを変更します。

   • すべてのページ - カレント・アプリケーションのすべてのページが表示されます。

   • 最近編集された - 最近編集されたページが表示されます。

4. 「検索」フィールドに検索文字列を入力し、[Enter]を押すか、または「実行」をクリックします。

   ページ番号、ページ名、ユーザー・インタフェースまたはグループ名を検索します。検索では、大文字と小文字は区別されず、正規表現がサポートされています。

関連項目:

• ページ・デザイナからのページの実行

• ページ・グループの管理

7.3.1.2 ページ・デザイナでのページの表示

ページ・デザイナでページを表示するには、アプリケーションを選択してからページを選択します。

ページ・デザイナでページを表示するには:

1. 「ワークスペース」ホームページにナビゲートします。
2. 「アプリケーション・ビルダー」アイコンをクリックします。
3. アプリケーションを選択します。
4. ページを選択します。

   デフォルト・ビューであるページ・デザイナが表示されます。

   ページを実行してプレビューします。アプリケーション・ページを実行すると、エンド・ユーザーに表示されるとおりにレンダリングされたバージョンが表示されます。

関連項目:

ページ・デザイナからのページの実行

7.3.1.3 プロパティ・エディタへのアクセス

ページ・デザイナの右ペインに表示されるプロパティ・エディタには、現在選択しているコンポーネントのすべての属性が表示されます。

プロパティ・エディタにアクセスするには:

1. ページ・デザイナでページを表示します。
   1. ワークスペースのホームページで、「アプリケーション・ビルダー」アイコンをクリックします。
   2. アプリケーションを選択します。
   3. ページを選択します。
   ページ・デザイナが表示されます。
2. 左ペインまたは「レイアウト」タブのいずれかで、編集するコンポーネントやコントロールを選択します。コントロールまたはコンポーネントにカーソルをあわせると、それについて説明するツールチップが表示されます。

   ヒント:

   コンポーネントを選択したら、[Alt]+[6]を押してプロパティ・エディタに直接移動します。詳細は、『Oracle APEXアクセシビリティ・ガイド』を参照してください

   プロパティ・エディタには、選択したコンポーネントまたはコントロールの属性が表示されます。左ペインまたは「レイアウト」タブで異なるコンポーネントを選択すると、プロパティ・エディタが自動的に更新され、選択したコンポーネントが反映されます。複数のコンポーネントを選択すると、プロパティ・エディタには共通の属性のみが表示されます。共通の属性を更新すると、選択したすべてのコンポーネントのその属性が更新されます。

   ヒント:

   属性のヘルプを表示するには、プロパティ・エディタで属性を選択し、中央ペインで「ヘルプ」タブをクリックします。

関連項目:

ページ・デザイナの右ペイン(プロパティ・エディタ)

7.3.1.4 ペイン間のタブのドラッグ・アンド・ドロップ

「ページ・デザイナ」ペイン内にタブをドラッグ・アンド・ドロップします。

デフォルトでは、ページ・デザイナには、1つ以上のタブを含む3つのペインが表示されます。ペイン内またはペイン間でタブをドラッグ・アンド・ドロップするには、ペインのヘッダー(またはアイコン)を選択してドラッグし、新しい位置にそれをドロップします。デフォルト表示に戻すには、ページ・デザイナ・ツールバーの「ユーティリティ」をクリックし、「レイアウト」→「レイアウトのリセット」を選択します。

ページ・デザイナ内でタブをドラッグ・アンド・ドロップするには:

1. ページ・デザイナでページを表示します。
   1. ワークスペースのホームページで、「アプリケーション・ビルダー」アイコンをクリックします。
   2. アプリケーションを選択します。
   3. ページを選択します。
   ページ・デザイナが表示されます。
2. タブ・ヘッダー(またはアイコン)を選択してドラッグし、新しい位置にそれをドロップします。

   次の例では、左ペイン内で、「ページ共有コンポーネント」タブが選択されて移動しています。

   
   図drag_drop_tabs.pngの説明
3. デフォルト表示に戻すには:
   1. ページ・デザイナ・ツールバーで、「ユーティリティ」をクリックします。
   2. 「レイアウト」→「レイアウトのリセット」を選択します。

7.3.1.5 3ペイン・モードと2ペイン・モードの切替え

ページ・デザイナ・ツールバーの「ユーティリティ」メニューの「レイアウト」オプションを使用して、ペイン・モードを切り替えます。

「3ペイン・モード」(デフォルト)では、左ペイン、中央ペインおよび右ペインが表示されます。「2ペイン・モード」では、中央ペインと右ペインのみが表示されます。「2ペイン・モード」にアクセスする標準的なユースケースは、「レンダリング」ツリーとプロパティ・エディタのみを表示する必要がある場合です。デフォルト表示に戻すには、ページ・デザイナ・ツールバーの「ユーティリティ」をクリックし、「レイアウト」→「レイアウトのリセット」を選択します。

ページ・エディタのペインの非表示と表示を切り替えるには:

1. ページ・デザイナでページを表示します。
   1. ワークスペースのホームページで、「アプリケーション・ビルダー」アイコンをクリックします。
   2. アプリケーションを選択します。
   3. ページを選択します。
   ページ・デザイナが表示されます。
2. ページ・モードを選択するには:
   1. ページ・デザイナ・ツールバーで、「ユーティリティ」をクリックして「レイアウト」をクリックします。
      
      図pg_layout_menu.pngの説明

      「レイアウト」メニューには、「2ペイン・モード」、「3ペイン・モード」および「レイアウトのリセット」の3つのオプションがあります。

   2. 「レイアウト」から次のいずれかを選択します。

      • 2ペイン・モード - 中央ペインと右ペインのみを表示します。

      • 「3ペイン・モード」(デフォルト) - 左ペイン、中央ペインおよび右ペインが表示されます。

3. デフォルト表示に戻すには:
   1. ページ・デザイナ・ツールバーで、「ユーティリティ」をクリックします。
   2. 「レイアウト」→「レイアウトのリセット」を選択します。

7.3.1.6 ギャラリ・コンテキスト・メニューを使用したコンポーネントの追加について

ギャラリでコンポーネントを右クリックしてコンテキスト・メニューを表示し、ページにコンポーネントを追加します。

ギャラリからコンポーネントをドラッグ・アンド・ドロップする以外に、ギャラリでコンポーネントを右クリックしてコンテキスト・メニューを表示することもできます。各コンテキスト・メニューには、コンポーネントを追加できる実際の位置を示す「追加先」オプションがあります。この例では、開発者は、コンテンツ本体リージョンの前に新しいレポートを追加しています。

図pd_context_menu.pngの説明

関連項目:

ドラッグ・アンド・ドロップによるリージョン、アイテムまたはボタンの追加