MFC-Windowsレイアウト

Layout of controlsアプリケーションの使いやすさにとって非常に重要で重要です。これは、アプリケーション内のGUI要素のグループを配置するために使用されます。レイアウトを選択する際に考慮すべき重要なことがいくつかあります-

  • 子要素の位置。
  • 子要素のサイズ。

コントロールの追加

新しいダイアログベースのMFCプロジェクトMFCLayoutDemoを作成しましょう。

Step 1 −プロジェクトが作成されると、次の画面が表示されます。

Step 2 −ダイアログボックスからTODOを削除します。

Step 3 −左側に表示されているツールボックスからいくつかのコントロールをドラッグします。

(次のスナップショットに示すように、1つの静的テキストと1つの編集コントロールをドラッグします)。

Step 4 −静的テキストのキャプションを名前に変更します。

コントロールグリッド

コントロールグリッドはガイドグリッドドットであり、設計時に追加するコントロールの配置に役立ちます。

コントロールグリッドを有効にするには、次のスナップショットに示すように、ツールバーの[グリッドの切り替え]ボタンをクリックする必要があります。

サイズ変更を制御します

ダイアログボックスにコントロールを追加すると、デフォルトのサイズまたは描画したサイズのいずれかが想定されます。フォームまたはダイアログボックスのコントロールのサイズを調整するために、VisualStudioには黒い点で作られたビジュアルグリッドが用意されています。

コントロールのサイズを変更するには、つまり特定の幅または高さにするには、ハンドルの1つにマウスを置き、目的の方向にドラッグします。

この点線のグリッドを使用して、コントロールのサイズを変更できるようになりました。

位置を制御します

ダイアログボックスまたはフォームに配置するコントロールは、指定された場所を想定しています。ほとんどの場合、これらのポジションは実用的ではありません。それらを任意の位置に移動できます。

さらにいくつかのコントロールを追加しましょう-

Step 1 −コントロールを移動するには、目的の位置に到達するまで、コントロールをクリックして目的の方向にドラッグします。

Step 2−コントロールのグループを移動するには、最初にそれらを選択します。次に、選択範囲を目的の場所にドラッグします。静的テキストと編集コントロールを選択しましょう。

Step 3 −これらの選択したコントロールを左側に移動します。

コントロールの配置を支援するために、VisualStudioには次のボタンを備えたダイアログツールバーが用意されています。

Step 1 −これらすべてのコントロールを選択して、チェックボックスと静的テキストコントロールを左側に揃えましょう。

Step 2 −「フォーマット」→「整列」→「左」を選択します。

Step 3 −これらのコントロールがすべて左に配置されていることがわかります。

タブの順序

フォームまたはダイアログボックスに追加するコントロールは、追加された順序に従う順序で配置されます。新しいコントロールを配置するセクションまたは領域に関係なくコントロールを追加すると、既存のコントロールの最後に順番に配置されます。これを修正しないと、ユーザーはコントロールをナビゲートするのに苦労するでしょう。コントロールナビゲーションのシーケンスは、タブ順序とも呼ばれます。

タブを変更するには、[フォーマット]→[タブの順序]メニューオプションを使用するか、Ctrl + Dショートカットを使用することもできます。Ctrl + Dを押しましょう。

これで、これらすべてのコントロールがこのダイアログボックスに追加される順序を確認できます。コントロールの順序または順序を変更するには、ナビゲートするすべてのコントロールを順番にクリックします。

この例では、最初にチェックボックスをクリックし、次に名前と住所の編集コントロールをクリックします。次に、次のスナップショットに示すように、[OK]をクリックして[キャンセル]をクリックします。

このアプリケーションを実行すると、次の出力が表示されます。