現在地: Visual LANSA 開発者ガイド > 2. グラフィカル・ユーザーインターフェース・アプリケーションの作成 > 2.5 アプリケーションの作成 > 2.5.2 ステップ2. インターフェースの作成

2.5.2 ステップ2. インターフェースの作成

Visual LANSAでは、コードを記述する前にインターフェースを作成します。

2a.フォームのプロパティの設定

フォームのプロパティを表示するには、デスクトップまたは[アウトライン]タブでフォームを選択します。詳細タブを1番上にします。詳細タブは、フォームのプロパティのリストとイベントのリストで構成されます。

プロパティのリストには、左にプロパティの名前、右にその値が表示されます。

フォームの名前以外のすべてのプロパティの値を変更できます。そのためには、プロパティを選択し、それから値を選択します。

値を入力するか、値が定義済みの場合は、リストから値を選択します。

 

キャプションの記述

最初に変更する必要があるプロパティは、ウィンドウのタイトルを作成するためのフォームのCaptionプロパティです。

1.  Captionプロパティをクリックします。

2.  Employeeと入力します。入力すると、新しいキャプションがフォームのタイトルバーに表示されます。

サイズとフォーム

次にフォームをデフォルトのサイズよりも大きくします。

1.  フォームを選択し、カーソルを端に向かって移動します。

2.  カーソルが二重矢印になったら、マウスの左ボタンを押して端をドラッグします。

3.  これ以外の方法では、フォームのHeightプロパティとWidthプロパティを変更できます。

フォームにコントロールとフィールドを追加しながら必要に応じてフォームをサイズ変更できます。

2b.フィールドとコントロールを追加する

このセクションでは、フォームに必要なフィールドとコントロールを追加する方法を説明します。

#Partnameフィールドとボタン

最初に#SURNAMEを参照フィールドとして使用する#PARTNAMEフィールドを追加します。

PARTNAMEフィールドを追加する手順を以下に示します。

1.  リポジトリでフィールドを探します。

2.  PARTNAMEフィールドをフォームにドラッグするか、ダブルクリックします。

3.  [詳細]タブを表示し、LabelTypeプロパティをCaptionにします。

4.  Captionプロパティに「名字の一部を入力：」と入力します。 

コマンド・ボタン

姓の一部フィールドで使用する取得コマンド・ボタンの他に、従業員の詳細を操作するコマンド・ボタンが必要です。

ボタンをフォームに追加する手順を以下に示します。

1.  [コントロール]タブを選択します。

2.  プッシュ・ボタンをフォームに4回ドラッグします。これ以外の方法では、4回ダブルクリックすることもできます。

3.  ボタンのキャプションを変更します。

a.  最初のボタンのキャプションを「取得」にします。

b.  2番目のボタンのキャプションを「保存」にします。

c.  3番目のボタンのキャプションを「作成」にします。

d.  4番目のボタンのキャプションを「削除」にします。

4.  ボタンのデフォルト名(#PHBN_n)をキャプションにあわせて変更します。これにより、ボタンのイベント・ルーチンを記述するときにボタンを区別しやすくなります。

5.  この手順の冒頭「2.5 アプリケーションの作成」に示されている図のように、これらのボタンをフォームに配置します。

リスト・ビュー

次に従業員を表示するリスト・ビューを作成します。

リスト・ビューを作成するには、以下を実行します。

[コントロール]タブを再び表示します。リスト・ビュー・コントロール(PRIM_LTVW)をフォームにドラッグするか、ダブルクリックします。ここでリストの列を作成する必要があります。これを行うには、以下を実行します。

 

1.リポジトリタブでファイルPSLMSTを探します。

2.先頭のプラス記号をクリックし、このファイルに定義されているフィールドを表示します。

3.デザインビューでリスト・ビューにフォーカスが置かれていることを確認します。リポジトリタブで以下のフィールドをダブルクリックし、リスト・ビューに追加します(またはドラッグします)。

SURNAME

GIVENAME

EMPNO

 フィールドをリストに追加すると、リストの列が作成されます。

 

 

[アウトライン]タブを表示します。リスト・ビュー列は、LVCL_nという名前になります。

よりわかりやすい名前を使用したい場合は、名前を変更できます。

 

デザインビューで、列が追加されたリスト・ビューがどのように表示されるかを確認します。

1.  ここでドラッグして列が表示されるサイズを変更します。

2.  3つの列すべての[詳細]タブを表示し、CaptionType プロパティを ColumnHeadings に設定します。
これにより、列見出しがソース・フィールドのフィールド定義で指定された値に設定されます。

 

従業員の詳細フィールド

以下のような従業員の詳細を示すフィールドがフォームに必要です。

 

リポジトリタブでPSLMSTファイルを再度表示します。

以下のフィールドをフォームにドラッグ・アンド・ドロップします。

  • EMPNO、GIVENAME、SURNAME(リストにあっても、新しい従業員を簡単に追加できるようこれらのフィールドをフォームに追加)
  • ADDRESS1、ADDRESS2、ADDRESS3、POSTCODE
  • PHONEHMEとPHONEBUS
  • SALARY
  • STARTDTEとTERMDATE
  • DEPARTMENTとSECTION

フォームをフィールドにドラッグすると、フィールド定義で指定されたラベルも表示されることに注目してください。また、フィールドで必要な長さを示すサンプル･データが挿入されています。

 

ステータス・バー

最後に、メッセージを表示するステータス・バーが必要です。

 

[コントロール] タブを表示して、[ステータス バー] をドラッグしてフォームに追加します。ステータス・バーは自動的にフォームの下部につきます。

インターフェースの仕上げ

アプリケーションのインターフェースが、この手順の冒頭「2.5 アプリケーションの作成」に示された図のようになっているかを確認します。