MFC-Windowsレイアウト
- コントロールのレイアウト*は、アプリケーションのユーザビリティにとって非常に重要かつ重要です。 アプリケーションでGUI要素のグループを配置するために使用されます。 レイアウトを選択する際に考慮すべき特定の重要な事項があります-
- 子要素の位置。
- 子要素のサイズ。
コントロールを追加する
新しいダイアログベースのMFCプロジェクトMFCLayoutDemoを作成しましょう。
- ステップ1 *-プロジェクトが作成されると、次の画面が表示されます。
- ステップ2 *-ダイアログボックスからTODOを削除します。
- ステップ3 *-左側にあるツールボックスからいくつかのコントロールをドラッグします。
(次のスナップショットに示すように、1つの静的テキストと1つのエディットコントロールをドラッグします)。
- ステップ4 *-静的テキストのキャプションを名前に変更します。
制御グリッド
コントロールグリッドはガイドグリッドドットであり、設計時に追加するコントロールの配置に役立ちます。
コントロールグリッドを有効にするには、次のスナップショットに示すように、ツールバーの[グリッドの切り替え]ボタンをクリックする必要があります。
サイズ変更のコントロール
ダイアログボックスにコントロールを追加すると、デフォルトのサイズまたはそれを描画したサイズのいずれかが想定されます。 フォームまたはダイアログボックス上のコントロールのサイズを支援するために、Visual Studioは黒い点で作られた視覚的なグリッドを提供します。
コントロールのサイズを変更するには、つまり特定の幅または高さを指定するには、いずれかのハンドルにマウスを置き、目的の方向にドラッグします。
この点線のグリッドを使用して、コントロールのサイズを変更できます。
コントロールの位置
ダイアログボックスまたはフォームに配置するコントロールは、指定された場所を想定しています。 ほとんどの場合、これらのポジションは実用的ではありません。 好きな位置に移動できます。
さらにいくつかのコントロールを追加しましょう-
- ステップ1 *-コントロールを移動するには、目的の位置に到達するまで、クリックして目的の方向にドラッグします。
- ステップ2 *-コントロールのグループを移動するには、最初にそれらを選択します。 次に、選択範囲を目的の場所にドラッグします。 静的テキストと編集コントロールを選択しましょう。
- ステップ3 *-これらの選択したコントロールを左側に移動します。
コントロールの配置を支援するために、Visual Studioには次のボタンを備えたダイアログツールバーがあります。
- ステップ1 *-これらすべてのコントロールを選択して、チェックボックスと静的テキストコントロールを左に揃えます。
- ステップ2 *-[形式]→[整列]→[左]を選択します。
- ステップ3 *-これらのコントロールがすべて左に揃えられていることがわかります。
タブの順序
フォームまたはダイアログボックスに追加するコントロールは、追加された順序に従った順序で配置されます。 新しいコントロールを配置するセクションまたは領域に関係なくコントロールを追加すると、既存のコントロールの最後に順番に配置されます。 修正しないと、ユーザーはコントロールの操作に苦労します。 コントロールナビゲーションのシーケンスは、タブオーダーとも呼ばれます。
タブを変更するには、[フォーマット]→[タブ順序]メニューオプションを使用するか、Ctrl + Dショートカットを使用します。 Ctrl + Dを押しましょう。
これで、これらすべてのコントロールがこのダイアログボックスに追加される順序を確認できます。 コントロールの順序または順序を変更するには、ナビゲートする順序ですべてのコントロールをクリックします。
この例では、最初にチェックボックスをクリックし、続いて名前とアドレスの編集コントロールをクリックします。 次に、次のスナップショットに示すように、[OK]および[キャンセル]をクリックします。
このアプリケーションを実行すると、次の出力が表示されます。