オプションを表示
このコードは、ダイアログ ボックスをメモリにロードして表示する方法を決定します。次の表では、さまざまなタイプの表示タスクとそれらの実行に使用されるキーワードについて説明します。
Show メソッドはフォームを読み込み、その Visible プロパティを True に設定します。 Show メソッドに渡されるパラメータは、ダイアログ ボックスのタイプを識別します。 style パラメータが省略されている場合、または vbModeless または 0 (デフォルト) に設定されている場合、ダイアログ ボックスはモードレスになります。 style パラメータが vbModal または 1 の場合、ダイアログ ボックスはモーダルになります。
「OK」または「キャンセル」を選択してダイアログボックスを終了する場合は、Unload ステートメントまたは Hide メソッドを使用できます。例えば：
Unloadfrmについて
-または-
frmAbout.Hide
Unload ステートメントはダイアログ ボックスをメモリから削除しますが、Hide メソッドはダイアログ ボックスの Visible プロパティを False に設定することによってウィンドウからダイアログ ボックスを削除するだけです。フォームがアンロードされると、フォーム自体とそのコントロール (実行時にロードされたコントロールを含む) がメモリからアンロードされます。フォームを非表示にしても、フォームとそのコントロールはメモリ内に残ります。 メモリ領域を節約する必要がある場合は、フォームをアンロードすることをお勧めします。これは、フォームをアンロードするとメモリが解放されるためです。ダイアログ ボックスを頻繁に使用する場合は、フォームを非表示にすることを選択できます。フォームを非表示にしても、プロパティ値、印刷出力、動的に作成されたコントロールなど、フォームに関連付けられたデータは引き続き保持されます。フォームを非表示にした後も、コードから非表示のフォームのプロパティとコントロールを引き続き参照できます。
さまざまなディスプレイタイプに対応したデザイン
Microsoft Windows はデバイスに依存しません。ウィンドウ ベースのアプリケーションは、ディスプレイ解像度や色の強度が異なる多くのコンピューター上で実行できます。同様に、Visual Basic で作成されたアプリケーションはさまざまな種類のモニターで実行されるため、アプリケーションを設計するときにこれを考慮する必要があります。
解像度に依存しないフォームをデザインする
デフォルトでは、Microsoft Visual Basic は画面解像度を変更してもフォームとコントロールのサイズを変更しません。これは、解像度 1024 × 768 の画面でデザインされたフォームを解像度 640 × 480 の画面で実行すると、画面の境界を越えることを意味します。使用する画面解像度に関係なく同じ比率のフォームとコントロールを作成したい場合は、最低解像度でフォームを設計するか、フォームを変更するコードをプログラムに追加する必要があります。
サイズの問題を回避する最も簡単な方法は、640×480 の解像度でフォームをデザインすることです。高解像度で作業したい場合でも、低解像度でフォームがどのように表示されるかを考慮する必要があります。これを行うには、「FormLayout」ウィンドウを使用してフォームのサイズと位置をプレビューします。 「ResolutionGuides」を使用して、低解像度で画面のどの部分が表示されるかを観察することもできます。 「ResolutionGuides」に切り替えるには、「FormLayout」ウィンドウでマウスを右クリックし、ポップアップ メニューから「ResolutionGuides」メニュー項目を選択します。
Visual Basic は実行時に、デザイン時の位置に基づいてフォームを配置します。 1024×768 の解像度で実行するように設計し、フォームを画面の右下隅に配置する場合、それより低い解像度で実行するとフォームが表示されないことがあります。この状況を回避するには、「FormLayout」ウィンドウのポップアップメニューから「StartupPosition」メニューを選択し、デザイン時にフォームの開始位置を設定します。同様に、FormLoad イベントで次のコードを使用して、実行時にフォームの位置を設定できます。
PRivateSubForm_Load()
私.Move0,0
EndSub
フォームの Left プロパティと Top プロパティの両方を 0 に設定しても同じ効果が得られますが、Move メソッドは 1 つのステップで完了できます。
Visual Basic では、デバイスに依存しない測定単位である twip が使用されます。これは、サイズと位置の計算に使用される単位です。 Screen オブジェクトの 2 つのプロパティ、TwipsPerPixelX と TwipsPerPixelY を使用して、実行時の表示サイズを決定できます。これらのプロパティを使用して、フォームとコントロールのサイズと位置を調整するコードを作成できます。
PrivateSubSetControls()
DimXAsInteger
DimYAsInteger
X=スクリーン.TwipsPerPixelX
Y=スクリーン.ピクセルあたりのツイップY
ケースX、Yを選択してください
事例15,15
' コントロールのサイズ変更と移動。
txt名前.高さ=200
txtName.Width=500
txtName.Move200,200
' 他の解像度用に書かれたコードを追加します。
…
EndSub
また、設計時に Visual Basic 独自のウィンドウの場所を知っておく必要があります。高解像度でプロジェクト ウィンドウを画面の右側に移動すると、低解像度でプロジェクトを開いたときにアクセスできなくなることがわかります。
さまざまな色の濃度をデザインする
アプリケーションを設計するときは、アプリケーションを実行するコンピュータで可能なカラー表示機能も考慮する必要があります。 256 色以上を表示できるコンピューターもあれば、16 色しか表示できないコンピューターもあります。 256 色のパレットを使用してフォームをデザインする場合、ディザリング (無効な色をシミュレートする方法) により、16 色で表示するとフォーム上の一部の要素が消えてしまいます。
これを回避するには、アプリケーションで使用する色を Windows の標準の 16 色に制限することをお勧めします。これらの色は、Visual Basic の色定数 (vbBlack、vbBlue、vbCyan など) によって表されます。アプリケーションで 16 色を超える色を使用する必要がある場合でも、テキスト、ボタン、その他のインターフェイス要素には標準の色を使用する必要があります。
ユーザーを念頭に置いたデザイン
自分自身で使用するためだけに Visual Basic アプリケーションを作成しない限り、作成したものの価値は他人によってのみ評価されます。アプリケーションのユーザー インターフェイスはユーザーに大きな影響を与えます。コードがどれほど技術的に優れていても、または最適化が完了していても、ユーザーがアプリケーションを使いにくいと感じれば、そのアプリケーションをうまく受け入れる可能性は低くなります。
プログラマーとして、コンピューター テクノロジに精通していることは間違いありません。ほとんどのユーザーはアプリケーションの背後に隠れているテクノロジーを理解していない (そしておそらく気にしていない) ことは忘れられがちです。アプリケーションを目的のためのツールとして考えてください。コンピュータの助けを借りない場合よりも想像力豊かに簡単にタスクを達成する方法です。
適切に設計されたユーザー インターフェイスは、ユーザーを基盤となるテクノロジーから分離し、意図したタスクを簡単に完了できるようにします。アプリケーションのユーザー インターフェイスを設計するときは、ユーザーのことを念頭に置く必要があります。ガイダンスなしでアプリケーションのさまざまな機能をどのように確認できますか? エラーが発生したときにアプリケーションはどのように対応しますか? デザインは芸術的な美しさでユーザーを喜ばせますか? 、およびユーザー中心の設計に関連するその他の問題については、このセクションで説明します。
インターフェースデザインの基礎
ユーザー インターフェイスを作成するのにアーティストである必要はありません。ユーザー インターフェイス デザインの原則のほとんどは、美術の入門クラスで教えられる基本デザインの原則と同じです。構成、色などの基本的なデザイン原則は、紙や絵画と同様にコンピューター画面にも当てはまります。
Visual Basic では、フォーム上にコントロールをドラッグして配置するだけでユーザー インターフェイスを簡単に作成できますが、設計前に少し計画することで、アプリケーションの使いやすさに大きな違いが生じる可能性があります。紙にフォームを描き、どのコントロールが必要か、さまざまな要素の相対的な重要性、コントロール間の関係を決定することからデザインを開始することをお勧めします。
構成: アプリケーションの外観と操作性
フォームの構成やレイアウトは、その美しさに影響を与えるだけでなく、アプリケーションの使いやすさにも大きく影響します。構成には、コントロールの配置、要素の一貫性、動き、空白の使用、デザインのシンプルさなどの要素が含まれます。
コントロールの位置
ほとんどのインターフェース設計では、すべての要素が同じように重要であるわけではありません。より重要な要素がユーザーにすぐに表示されるようにするには、慎重な設計が必要です。重要な要素または頻繁にアクセスされる要素は目立つ位置に配置する必要があり、重要性の低い要素はあまり目立たない位置に降格させる必要があります。
ほとんどの言語では、私たちはページを左から右、上から下に読むことに慣れています。コンピュータ画面にも同じことが当てはまります。ほとんどのユーザーの目は最初に画面の左上部分に集中するため、最も重要な要素は画面の左上部分に配置される必要があります。たとえば、フォーム上の情報が顧客に関連する場合、最初に表示される場所にその名前フィールドを表示する必要があります。 「OK」や「次へ」などのボタンは画面の右下に配置する必要があります。通常、ユーザーはフォームでの操作を完了するまでこれらのボタンにアクセスしません。
要素とコントロールをグループ化することも重要です。情報を機能または関係ごとに論理的にグループ化するようにしてください。これらの機能は相互に関連しているため、データベースを見つけるためのボタンは、フォーム全体に散在するのではなく、視覚的にグループ化する必要があります。情報についても同様です。名前フィールドとアドレスは密接に関連しているため、通常はグループ化されます。多くの場合、フレーム コントロールを使用すると、コントロール間の接続を強化できます。
インターフェース要素の一貫性
ユーザー インターフェイスのデザインでは、一貫性が美徳となります。一貫したルック アンド フィールによってアプリケーション内に調和が生まれ、すべてが調和しているように見えます。インターフェースに一貫性が欠けていると、混乱を引き起こし、アプリケーションが非常に混乱し、まとまりがなく、価値が低いものに見える可能性があり、さらにはアプリケーションの信頼性について疑問が生じる可能性もあります。
視覚的な一貫性を維持するには、アプリケーションの開発を開始する前に、設計戦略と型規則を作成します。コントロールの種類、コントロールのサイズ、グループ化基準、フォントの選択などのデザイン要素はすべて事前に決定する必要があります。デザインを支援するデザイン テンプレートを作成できます。
Visual Basic では使用できるコントロールが多数あるため、すべてを使用したいと思う人もいるかもしれません。この誘惑を回避するには、特定のアプリケーションに適したコントロールのサブセットを選択してください。リスト ボックス、コンボ ボックス、グリッド、ツリーなどのコントロールはすべて情報のリストを表すために使用できますが、可能な限り 1 つのタイプを使用するのが最善です。
また、コントロールを適切に使用するようにしてください。TextBox コントロールを読み取り専用に設定してテキストを表示することもできますが、この目的には通常、Label コントロールの方が適しています。コントロールのプロパティを設定するときは一貫性を保ってください。ある場所で編集可能なテキストに白い背景を使用する場合は、正当な理由がない限り、他の場所では灰色の背景を使用しないでください。
アプリケーション内の異なるフォーム間の一貫性を維持することは、アプリケーションの使いやすさにおいて非常に重要な役割を果たします。あるフォームに灰色の背景と立体効果を使用し、別のフォームに白い背景を使用すると、2 つのフォームは無関係に見えます。ジャンルを選択し、たとえ一部の機能を再設計することになっても、アプリケーション全体で一貫性を保ちます。
動的: フォームはその機能と一致します。
動きは、オブジェクトの機能を知るための目に見える手がかりです。この用語には馴染みがないかもしれませんが、ダイナミズムの例はいたるところにあります。自転車のハンドルバーは、手を添えると動きでハンドルを手で締めていることが分かります。ボタンを押す、ノブを回す、照明のスイッチをオンにするなどの動作はすべてアニメーション化でき、その目的は一目瞭然です。
ユーザーインターフェイスにもモーションが使用されています。たとえば、コマンド ボタンに立体感を持たせることで、コマンド ボタンが押されているように見せます。コマンド ボタンをフラットな境界線でデザインすると、このダイナミックな感覚が失われ、ユーザーにコマンド ボタンであることが明確にわかりません。ゲームやマルチメディア アプリケーションなど、場合によってはフラット ボタンが適切な場合もありますが、アプリケーション全体で一貫している限り、これで問題ありません。
テキスト ボックスは動きの感覚も提供し、ユーザーは編集可能なテキストを含む枠線と白い背景のあるボックスを期待できます。枠線なしでテキスト ボックスを表示することもできます (BorderStyle=0)。これによりテキスト ボックスがラベルのように見え、編集可能であることがユーザーに明確に示されなくなります。
空白の使用
ユーザー インターフェイスで空白を使用すると、要素が目立ち、使いやすさが向上します。空白は白である必要はありません。空白は、フォームのコントロールの間およびその周囲の空きスペースとみなされます。フォーム上にコントロールが多すぎると、インターフェイスが乱雑になり、フィールドやコントロールを見つけるのが難しくなる可能性があります。デザイン要素を強調するには、デザインに空白を挿入する必要があります。
コントロール間の一定の間隔と垂直要素と水平要素の位置合わせも、デザインをより使いやすくします。雑誌の本文と同じように、一定の間隔で整然と並べられ、インターフェイスもすっきりしていて読みやすいです。
Visual Basic には、コントロールの間隔、配置、サイズを簡単に調整できるツールがいくつか用意されています。 「配置」、「同じサイズにする」、「水平方向の間隔」、「垂直方向の間隔」、「ウィンドウの中央」などのコマンドはすべて「書式」メニューにあります。
インターフェースをシンプルにする
おそらく、インターフェイス設計の最も重要な原則はシンプルさです。アプリケーションの場合、インターフェイスが難しそうに見える場合は、プログラム自体も難しい可能性があります。もう少し深く考えると、見た目も使いやすいインターフェイスを作成するのに役立ちます。美的観点からは、多くの場合、すっきりとしたシンプルなデザインが好まれます。
インターフェイス設計でよくある間違いは、インターフェイスを現実世界のオブジェクトを模倣するために使用しようとすることです。たとえば、完全な保険証券の作成が必要なアプリケーションを想像してください。自然な反応としては、保険証券とまったく同じように画面上のインターフェイスをデザインすることになります。これを行うには、いくつかの問題があります。保険証券の形状とサイズは、画面上で表示されるものと大きく異なり、そのような表を完全に複製しようとすると、テキスト ボックスとチェック ボックスに制限されてしまい、実際には役に立ちません。ユーザーのメリット。
オリジナルの保険証券の印刷コピー (印刷プレビュー付き) も提供する独自のインターフェイスを設計することをお勧めします。元のポリシーからフィールドの論理グループを作成し、タブ付きインターフェイスまたは複数のリンクされたフォームを使用することにより、スクロールせずにすべての情報を表示できます。また、事前に読み込まれた選択項目を含むリスト ボックスなどの追加のコントロールを使用して、入力の手間を軽減することもできます。
また、あまり使用されない関数を取り出して独自の形式に移動することで、多くのアプリケーションを簡素化することもできます。デフォルトを指定すると、アプリケーションが簡素化される場合もあります。10 人中 9 人のユーザーが太字のテキストを選択した場合は、毎回ユーザーに選択を求めるのではなく、そのテキストをデフォルトとして太字にします (このデフォルトはオーバーライドできるオプションを忘れずに提供してください)。 。ウィザードは、複雑なタスクや使用頻度の低いタスクを簡素化するのにも役立ちます。
簡素化の最良のテストは、アプリケーションの動作を観察することです。代表的なユーザーがオンライン ヘルプなしではすぐにやりたいことを達成できない場合は、設計を再検討する必要があります。
色と画像を使用する
インターフェイスで色を使用すると視覚的な魅力が高まりますが、乱用が発生することがよくあります。多くのモニターは数百万色を表示できるため、すべての色を簡単に使用できます。色は、他の基本的なデザイン原則と同様、デザインを開始するときに慎重に考慮しないと、多くの問題を引き起こす可能性があります。
色の好みは人それぞれ大きく異なり、ユーザーの好みも異なります。色は強い感情を引き起こす可能性があり、世界中の視聴者に向けてプログラムをデザインしている場合、特定の色が文化的に重要である可能性があります。一般的に言えば、伝統的なものを維持し、落ち着いた中間色を使用するのが最善です。
もちろん、対象読者や伝えたいトーンや雰囲気も色の選択に影響します。明るい赤、緑、黄色は、幼い子供が使用するアプリでは効果的ですが、銀行アプリでは経済的責任を伴う可能性が低くなります。
少量の明るい色を使用すると、重要な領域を効果的に強調したり、注目を集めたりすることができます。経験則として、アプリケーションで使用する色の種類を制限し、トーンが一貫している必要があります。可能であれば、標準の 16 色パレットを使用することをお勧めします。16 色モニターで表示すると、ディザリングによって他の色が表示されなくなる可能性があります。 色を扱うときに考慮すべきもう 1 つの問題は、色覚異常です。原色の組み合わせ (赤と緑など) の違いが分からない人もいます。この症状を持つ人にとって、緑の背景に赤い文字が見えなくなります。
画像とアイコン
画像やアイコンを使用すると、アプリケーションに視覚的な面白みを加えることができますが、慎重なデザインも不可欠です。画像はテキストなしで視覚的に情報を伝えることができますが、人によって画像の解釈が異なることがよくあります。
さまざまな機能を表すアイコンを備えたツールバーは便利なインターフェイス デバイスですが、アイコンが表す機能を簡単に識別できない場合は逆効果になる可能性があります。ツールバーのアイコンをデザインするときは、他のアプリケーションを見て、どのような標準が作成されているかを確認する必要があります。たとえば、多くのアプリケーションでは、新しいファイル アイコンを表すために角が丸まった紙が使用されています。この機能を表すためにもっと適切な比喩があるかもしれませんが、他の表現を使用するとユーザーに混乱を引き起こす可能性があります。
画像の文化的重要性を考慮することも重要です。多くのプログラムは、メール機能を表すためにフラグ付きの牧会メールボックス (図 6.21) を使用します。これはもともと米国向けのアイコンであり、他の国や文化のユーザーはこれをメールボックスとして認識しない可能性があります。
独自のアイコンや画像をデザインするときは、シンプルにするようにしてください。複数の色を含む複雑な画像は、16 × 16 ピクセルのツールバー アイコンや高解像度の画面に表示するとうまく適合しません。
フォントの選択
フォントはユーザーに重要な情報を伝えることが多いため、ユーザー インターフェイスの重要な部分でもあります。さまざまな解像度やモニターの種類で読みやすいフォントを選択してください。可能な限り、シンプルなサンセリフまたはセリフのフォントを使用するのが最善です。多くの場合、手書きフォントやその他の装飾フォントは、画面上で見るよりも印刷した方が美しく見えますが、フォント サイズが小さいほど読みにくくなります。
アプリケーションごとにフォントを構成する予定がない限り、Arial、NewTimesRoman、System などの標準の Windows フォントを使用する必要があります。ユーザーのシステムに指定されたフォントが含まれていない場合、システムは代替フォントを使用するため、結果が予想とはまったく異なる場合があります。世界中のユーザー向けにデザインしている場合は、対象の言語でどのようなフォントが利用できるかを調べてください。また、他の言語向けにデザインする場合は、テキストの拡張を考慮する必要があります。言語によっては、テキスト文字列が 50% 以上のスペースを占める場合があります。
また、フォントを選ぶ際には、デザインの一貫性も非常に重要です。ほとんどの場合、アプリケーションでは 3 つ以上のフォントを使用しないでください。フォントが多すぎると、アプリケーションがペナルティチケットのように見える可能性があります。
->