# ユーザ・インタフェースのレイアウト

インタフェースをレイアウトする基本的なアプリケーション・ビルダのプロセスは、 アプリケーションビルダの主ウィンドウからオブジェクトをドラッグし、ワークスペース または他のアプリケーション・ビルダのオブジェクトにドロップすることです。

主ウィンドウとその要素の詳細、およびモジュール・ブラウザの詳細はABUG.apRPE.mkr.1を参照してください。

ABUG.layo.mkr.2
ABUG.layo.mkr.3
ABUG.layo.mkr.4
ABUG.layo.mkr.5
ABUG.layo.mkr.7
ABUG.layo.mkr.8
ABUG.layo.mkr.9
ABUG.layo.mkr.10

## パレット・オブジェクトをドラッグする、ドロップする

パレット・オブジェクトをドロップする規則は単純なものです。違反したときはエラー・メッセージによって知らせます。

- ウィンドウ(メイン・ウィンドウ　、カスタム・ウィンドウ、ファイル選択ダイアログ )をワークスペースにドロップします。

- 区画(コントロール、描画領域、テキスト、端末)は、ウィンドウまたは他の区画上に ドロップします。

- コントロール(ボタン、ボックス、選択オブジェクトなど)は、コントロール区画上にドロ ップします。メニュー・バーはコントロール・パレット上にありますが、厳密にはコント ロール区画ではありません。メニュー・バーはメイン・ウィンドウにしかドロップできま せん。

### メイン・ウィンドウ、カスタム・ダイアログ、ファイル選択ダイアログを作成するには

1. ウィンドウ・パレットからメイン・ウィンドウ、カスタム・ダイアログ、またはファイル 選択ダイアログをドラッグし、それをワークスペース上にドロップします。

   モジュールに名前がないときは、[モジュール名]ダイアログ・ボックスが表示されます。 カーソルを[モジュール名]ダイアログ・ボックスに移動し、名前を入力後、[適用]をクリック します。

   ウィンドウの一番下にあるステータス領域にモジュール名が表示されます。

2. 必要であれば、ウィンドウ・オブジェクトの属性を編集します。

   属性の編集は、後で行うこともできます。一般的な属性の編集方法については、 ABUG.edprp.mkr.3を参照してください。メイン・ウィンドウまたは 主メイン・ウィンドウ固有の属性の編集方法は、ABUG.edprp.mkr.6を参照してください。

### 全域がコントロール区画のウィンドウを作成するには

メイン・ウィンドウまたはカスタム・ダイアログの空白領域を、コントロール区画で埋め ることができます。アプリケーション・ビルダの主ウィンドウのような複雑なウィンドウを作成するには、このようなコントロール区画上にコントロールまたは他の区画をドロップします。ワークスペース上にメイン・ウィンドウまたはカスタム・ダイアログをドロップしてから、次のように操作してください。

1. 区画パレットからコントロール区画をドラッグし、メイン・ウィンドウまたはカスタム・ダイアログの左上の隅にドロップします。

2. コントロール区画の右下の隅(右下の隅を指している矢印が表示されます)をウィンドウの 右下の隅を越えるまでドラッグし、マウス・ボタン1を離します。

   コントロール区画がウィンドウの4つのサイドに接続されます。ウィンドウのサイズ を変更すると、コントロール区画のサイズも変更します。

   アタッチメントの詳細はABUG.group.mkr.9を参照してください。

## インタフェース・オブジェクトの選択

編集、移動、整列、グループ化などの多くのアクションで、インタフェースのオブジェク トを、1つ以上選択する必要があります。同じ親の子である兄弟オブジェクトだけは 複数選択が可能です。(たとえば、ウィンドウ内の区画と単一コントロール区画内のコン トロール・オブジェクトのように、1つのプロジェクトのすべてのウィンドウは兄弟です。 コントロール区画上にドロップされ、コントロール区画の子として作成された区画は、 コントロール区画のコントロール・オブジェクトのように機能します。)

オブジェクトは、インタフェースまたはモジュール・ブラウザで選択できます。 モジュール・ブラウザの詳細は、ABUG.apWDB.mkr.8を参照してください。 インタフェース・オブジェクトのカット、コピー、ペーストについては、ABUG.layo.mkr.7を参照してください。

コントロール・オブジェクトだけは、グループ化または整列が可能です(整列と配置の 機能を使用します)。

### インタフェースまたはブラウザで、ウィンドウまたは区画オブジェクトを選択するには

モジュール・ブラウザでオブジェクトを選択すると、インタフェースでも、そのオブジェ クトが選択されます。インタフェースでオブジェクトを選択すると、モジュール・ブラウ ザでも、そのオブジェクトが選択されます。

- インタフェースまたはブラウザのオブジェクト上でマウス・ボタン1をクリックして、単 一ウィンドウ(メイン・ウィンドウ、カスタム・ダイアログ、またはファイル選択ダイ アログ)を選択します。(インタフェースで選択する場合は、ウィンドウ・オブジェクトの 一番下にあるステータス領域でクリックします。)

- ブラウザまたはインタフェースでマウス・ボタン2をクリックして、 追加するウィンドウを選択します。

- ブラウザまたはインタフェースでマウス・ボタン1をクリックして、単一区画を選択します。

- ブラウザまたはインタフェースでマウス・ボタン2をクリックして、 追加する区画を選択します。

### インタフェースまたはオブジェクトでコントロール・オブジェクトを選択するには

モジュール・ブラウザでオブジェクトを選択すると、インタフェースでも、そのオブジェ クトが選択されます。インタフェースでオブジェクトを選択すると、モジュール・ブラウ ザでも、そのオブジェクトが選択されます。

- オブジェクトを選択するには、インタフェースまたはモジュール・ブラウザでそのモジュールをクリックします。

- 複数の隣接したオブジェクトを選択するには、オブジェクトの左上にカーソルを位置付け、 マウス・ボタン1を押します。そして、右下の方向に、他のオブジェクトを囲むように マウスをドラッグします。

- 現在の選択にオブジェクトを追加または現在の選択からオブジェクトを削除するには、マウス・ボタン2をクリックします。

  オブジェクトが選択されているとき、そのオブジェクト上でマウス・ボタン2をクリック すると、オブジェクトの選択は解除されます。

- 選択されたオブジェクトに、隣接した複数のオブジェクトを追加するには、オブジェクト の左上にカーソルを位置付け、マウス・ボタン2を押します。そして、右下の方向に、 他のオブジェクトを囲むようにマウスをドラッグします。

- 1つのオブジェクトを残して、他のオブジェクトの選択を解除するには、オブジェクト上で、マウス・ボタン1をクリックします。

  そのオブジェクトだけが選択されます。

インタフェースで複数のオブジェクトを選択したとき、1つのオブジェクト上でマウス・ ボタン1を押してマウスを移動すると、すべてのオブジェクトが移動します。マウスを 移動するとオブジェクトの周りに矩形の境界線が描かれます。

## インタフェースまたはブラウザでオブジェクトを編集する

オブジェクトをワークスペースまたは他のアプリケーション・ビルダ・オブジェクト上にド ラッグ＆ドロップすることで、インタフェースを作成したとき、様々な方法でインタフェ ースを編集できます。オブジェクトをカット、コピー、削除、そして最後に実行した 編集機能を取消すことができます。これらの機能は、インタフェース、モジュール・ ブラウザ、またはインタフェースとモジュールの間で実行できます。 モジュール・ブラウザについてはABUG.apWDB.mkr.8を参照してください。

単一コントロール、複数の区画、多くのコントロールをもつ複雑なウィンドウなど、選択 可能なオブジェクトは、コピーまたはカットし、開いているモジュールにペ ーストすることができます。

インタフェースで選択したオブジェクトは、ブラウザでも選択されます。逆に、ブラウザ で選択したオブジェクトは、インタフェースでも選択されます。オブジェクトの選択につ いては、ABUG.layo.mkr.6を参照してください。 モジュールブラウザでオブジェクトを編集したときは、インタフェースを見て確認してく ださい。特に、カット＆ペーストを行ったときは必ず確認してください。

### オブジェクトをカットまたはペーストするには

1. インタフェースまたはブラウザで、編集したいオブジェクトを選択します。

2. [編集]またはポップアップ・メニューから[カット]または[コピー]を選択します。

   アプリケーション・ビルダの主ウィンドウの[編集]メニュー、モジュールブラウザの [編集]メニュー、または主ウィンドウかブラウザのポップアップ・メニュー(インタフェ ースまたはブラウザでマウス・ボタン3を押すと表示されます)から[カット]または[コピ ー]を選択します。

   選択機能(カットまたはペースト)が実行されます。[カット]を選択したときは、選択され たオブジェクトがインタフェースから削除され、アプリケーション・ビルダの編集バッファに 置かれます。[コピー]を選択したときは、選択されたオブジェクトが編集バッファに置か れます。

カットまたはコピーを取り消すには、他の機能を実行する前に[元に戻す]を選択します。

### オブジェクトをペーストするには

カットまたはコピーによって編集バッファにオブジェクトを置くと、ペースト機能でインタフェースにオブジェクトをペーストできます。

1. ペーストする位置を選択します。

   ウィンドウ: アプリケーション・ビルダ・オブジェクトが選択されると、ウィンドウを ペーストすることができます。

   区画: アプリケーション・ビルダのウィンドウまたはコントロール区画が選択されると、 区画をペーストすることができます。

   コントロール: アプリケーション・ビルダのコントロール区画またはコントロール・オブジェクト が選択されると、コントロールをペーストすることができます。コントロールが選択され たときは、コントロールは親のコントロール区画にペーストされます。

2. アプリケーション・ビルダの主ウィンドウの[編集]メニュー、モジュールブラウザの [編集]メニュー、または主ウィンドウかブラウザのポップアップ・メニュー(インタフェ ースまたはブラウザでマウス・ボタン3を押すと表示されます)から[ペースト]を選択し ます。

   現在のモジュールにオブジェクトが追加され、インタフェースに適切に表示されます。

ペースト操作後、ペーストしたオブジェクトが、他のオブジェクトを隠してしまう ことがあります。その場合は、オブジェクトを移動したり整列したりしてください。 詳細は、 ABUG.layo.mkr.10を参照してください。

ペースト操作を取り消すには、他の機能を実行する前に、[元に戻す]を選択します。

### オブジェクトを削除するには

1. インタフェースまたはブラウザで、削除したいオブジェクトを選択します。

2. アプリケーション・ビルダの主ウィンドウの[編集]メニュー、モジュールブラウザの [編集]メニュー、または主ウィンドウかブラウザのポップアップ・メニュー(インタフェ ースまたはブラウザでマウス・ボタン3を押すと表示されます)から[削除]を選択します。

   オブジェクトがインタフェースから削除されます。

削除操作を取消すには、他の機能を実行する前に、[元に戻す]を選択します。

## インタフェースでオブジェクトを整列する、配置する

このセクションは、「静的」なオブジェクトの整列と配置について説明します。 オブジェクトは、1回だけ整列と配置を行います。「動的」な整列のためにオ ブジェクトをグループ化および接続する方法については、ABUG.group.mkr.1を参照してください。

### インタフェースでコントロール・オブジェクトを整列するには

1. 2つ以上のオブジェクトを選択します。

   操作方法は、ABUG.layo.mkr.6を参照してください。

2. アプリケーション・ビルダの主ウィンドウの[レイアウト]メニュー、またはインタフェースの ポップアップ・メニュー(マウス・ボタン3を押すと表示されます)から[揃える]を選択し、 サブメニューから揃え方を示すアイコンの1つを選択します。

   選択したオブジェクトは、揃え方の選択に従って整列されます。選択肢を下記に記します。 垂直揃えのアイコンは左側で整列され、最初に説明しています。

- 左端: 選択されたオブジェクトを左端に沿って垂直に揃えます。

- 垂直-中央: 選択されたオブジェクトを水平方向の中央に沿って垂直に揃えます。

- 右端: 選択されたオブジェクトをオブジェクトを右端に沿って垂直に揃えます。

- コロン: 選択されたオブジェクトをコロンまたはラベルに沿って垂直に揃えます。

- 上端: 選択されたオブジェクトを上端に沿って水平に揃えます。

- 水平-中央: 選択されたオブジェクトを垂直平方向の中央に沿って水平に揃えます。

- 下端: 選択されたオブジェクトを下端に沿って水平に揃えます。

- グリッド: このときは、整列しません。

水平に揃っているオブジェクトを選択し、垂直に揃える選択をすると(または、その 逆の場合）、オブジェクトは重なってしまいます。整列後(オブジェクトはまだ選択され ている状態で)、すぐにポップアップ・メニューから[配置]を選択することで、オブジェ クトをオブジェクトはばらばらになります。操作方法は、ABUG.layo.mkr.12を参照してください。

### コントロール・オブジェクトを等しく配置するには

1. 1つ以上オブジェクトを選択します。

   操作方法は、ABUG.layo.mkr.6を参照してください。 その親の中央に配置されているオブジェクトを1つ選択します

2. アプリケーション・ビルダの主ウィンドウの[レイアウト]メニュー、またはインタフェースの ポップアップ・メニュー(マウス・ボタン3を押すと表示されます)から[配置]を選択し、 サブメニューから配置するアイコンの1つを選択します。

   ユーザの選択に従って、選択したオブジェクトを中央に揃えたり分散したりします。

   分散形式の配置を行う選択肢の1つを選択すると、オブジェクトは水平または垂直方向に10ピクセル の間隔を置きます。中央に揃える配置を行なう選択肢を選択すると、複数または1つの オブジェクトは親のコントロール区画の境界線内に配置されます。

- 水平-スペース: 選択したオブジェクトを水平方向に10ピクセル間隔で配置します。 一番左にあるオブジェクトは固定されているオブジェクトで、移動しません。

- 垂直-スペース: 選択したオブジェクトを垂直方向に10ピクセル間隔で配置します。 一番上にあるオブジェクトは固定されているオブジェクトで、移動しません。

- 水平-中央: 選択したオブジェクトを、親オブジェクトの左端と右端の間に、水平に配置 します。選択されたオブジェクト間の間隔は、そのままです。

- 垂直-中央: 選択したオブジェクトを、親オブジェクトの上端と下端の間に、垂直に配置 します。選択されたオブジェクト間の間隔は、そのままです。