Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

[ Image Removed |../../index.htm#lansa/l4wdev06_0725.htm]
現在地:

...

さまざまなWindowsインターフェース・コントロールの使用に関する数多くの仕様があります。これらの仕様は、コントロールの機能に基づきます。例えば、アクションまたはコマンドは、必然的にコマンド・ボタンとして表現されます。

多くの場合、コンポーネントを表現するコントロールの選択肢が複数あります。最も適切なコントロールを決定するにあたり、プログラムのインターフェースを最も簡潔にできるものを選択します。また、ウィンドウ内に複数のツリー・ビューを置かないようにするなど、フォームに置かれている他のコントロールも考慮する必要があります。

コントロールの目的

大まかには、コントロールの目的としては、以下があります。

アクション

プッシュ・ボタン
ツールバー・ボタン
メニュー・オプション

入力、表示、選択

リスト・ビュー、リスト・ボックス、コンボ・ボックス
グリッド
ツリー・ビュー
チェック・ボックス、ラジオ・ボタン
編集ボックス、スピン編集、トラック・バー

フィードバック

ステータス・バー、プログレス・バー

グループ

タブ・シート、グループ・ボックス

表現方法

以下は、さまざまな状況で適切な表示方法を選択するために役立つガイドラインです。絶対的なものではありません。

2つのオプションから選択

データとロジックの表現方法の違い

データベース・データ(フィールド)

プログラム・ロジック(アクション)

データベースにはい/いいえの選択を記録するには、フィールドをチェック・ボックスで表示します。

Image Removed

Image Added

データベースに2つの値のいずれかの選択を記録するには、フィールドをラジオ・ボタンで表示します。

Image Removed

Image Added

ユーザーに2つのアクションから選択させるには、2つのボタンを使用します。

Image Removed

Image Added

またはメニューを使用します。

Image Removed

Image Added

複数オプションの選択

データとロジックが表示される方法の違い

データベース・データ(フィールド)

プログラム・ロジック(アクション)

フィールドでユーザーが選択した値を記録するには、フィールドをピックリストで表示します。ピックリストの外観には、以下のものがあります。

フレーム内のラジオ・ボタンの組

Image Removed

Image Added
リスト・ボックス

Image Removed

Image Added
ドロップダウン・リスト

Image Removed

Image Added

ユーザーに複数のアイテムまたはアクションから選択させるには、ボタンの組がついたリストを使用します。

Image Removed

Image Added
または複数のアイテムのメニューを使用します。

Image Removed

Image Added
または複数のアクションのメニューを使用します。

Image Removed

...

Image Added

アクションをトリガーする3つの方法

GUIアプリケーションでは、ユーザーがアクションをトリガーできるコントロールは3つしかありません。

...

標準のGUIでは、これらの3つのコントロールが即座にアクションを命令します。他のコントロールには、この特性はありません。

例えば、ユーザーがチェック・ボックスをチェックしたときにアクションはトリガーしません(データベースへの選択を書き込みを除く)。チェック・ボックスは、一般にはアクションではなく、はい/いいえの選択を表すために使用されるからです。

例えば、ユーザーが新しい請求書の作成を決定した場合、アプリケーションで新しいウィンドウを表示することにします。ユーザーはボックスをチェックしたときに新しいウィンドウが表示されることは予想していないので、これをチェック・ボックスで表すのは適切ではありません。

Image Added Image Removed
予想通りにアプリケーションを動作させるには、以下のようにこの選択を表します。
 

Image Removed

Image Added

  プッシュ・ボタン

Image Removed

Image Added

  メニュー・オプション

Image Removed

Image Added

  ツールバー・ボタン

...