MFC – 窗口布局

控件的布局对于应用程序的可用性非常重要和关键。它用于在您的应用程序中排列一组 GUI 元素。选择布局时需要考虑一些重要的事情 –

• 子元素的位置。
• 子元素的大小。

添加控件

让我们创建新的基于对话框的 MFC 项目 MFCLayoutDemo。

步骤 1 – 创建项目后，您将看到以下屏幕。

步骤 2 – 从对话框中删除 TODO。

步骤 3 – 从工具箱中拖动一些控件，您可以在左侧看到这些控件。

（我们将拖动一个静态文本和一个编辑控件，如下面的快照所示）。

步骤 4 – 将静态文本的标题更改为名称。

控制网格

控件网格是引导网格点，​​它可以帮助定位您在设计时添加的控件。

要启用控制网格，您需要单击工具栏中的切换网格按钮，如下面的快照所示。

控制调整大小

将控件添加到对话框后，它会采用默认大小或绘制时使用的大小。为了帮助调整窗体或对话框上控件的大小，Visual Studio 提供了一个由黑点组成的可视网格。

要调整控件的大小，即为其指定特定的宽度或高度，请将鼠标放在其中一个手柄上并沿所需方向拖动。

您现在可以借助此虚线网格调整控件的大小。

控制位置

您在对话框或表单上放置的控件占据它们给定的位置。大多数时候，这些职位并不实用。您可以将它们移动到您选择的任何位置。

让我们添加更多控件 –

步骤 1 – 要移动控件，请单击并沿所需方向拖动它，直到它到达预期位置。

步骤 2 – 要移动一组控件，首先选择它们。然后将选择拖动到所需位置。让我们选择静态文本和编辑控件。

步骤 3 – 将这些选定的控件移动到左侧。

为了帮助定位控件，Visual Studio 提供了带有以下按钮的对话框工具栏。

步骤 1 – 让我们通过选择所有这些控件将复选框和静态文本控件向左对齐。

步骤 2 – 选择格式 → 对齐 → 左边。

第 3 步– 您现在可以看到所有这些控件都向左对齐。

标签排序

添加到窗体或对话框中的控件按添加顺序排列。当您添加控件时，无论您放置新控件的部分或区域如何，它都会按顺序放置在现有控件的末尾。如果您不修复它，用户将很难导航控件。控件导航的顺序也称为 Tab 键顺序。

要更改选项卡，您可以使用格式 → 选项卡顺序菜单选项，也可以使用 Ctrl + D 快捷方式。让我们按 Ctrl + D。

您现在可以看到所有这些控件添加到此对话框的顺序。要更改控件的顺序或顺序，请按要导航的顺序单击所有控件。

在此示例中，我们将首先单击复选框，然后单击名称和地址编辑控件。然后单击确定和取消，如下面的快照所示。

让我们运行此应用程序，您将看到以下输出。