目前完成度【 1/3 】,有任何建议欢迎反馈 【问卷调查】
contenteditable="true"

MFC - Windows Layout 介绍

控件的布局对于应用程序的可用性非常重要且至关重要。它用于在您的应用程序中安排一组GUI元素。选择布局时,需要考虑某些重要事项-

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

Adding Controls

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

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

Create Adding Controls

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

第3步-从工具箱中拖动一些控件,您可以在左侧看到。

(我们将拖动一个"Static Text"和一个"Edit Control",如下面的快照所示)。

MFCLayoutDemo Edit

步骤4 -将Static Text的标题更改为Name。

Static Text to Name

Control Grid

控件网格是引导网格点,​​可以帮助您在设计时添加控件。

要启用控制网格,需要单击工具栏中的"Toggle Grid"按钮,如以下快照所示。

控制网格

Controls Resizing

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

若要调整控件的大小,即给它特定的宽度或高度,请将鼠标放在其中一个手柄上,然后将其沿所需方向拖动。

Control Resizing

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

Controls Positions

您在对话框或窗体上放置的控件采用其给定位置。在大多数情况下,这些职位不切实际。您可以将它们移动到您选择的任何位置。

让我们添加更多控件-

Control Position

第1步-要移动控件,请按所需方向单击并拖动它,直到达到预期位置为止。

第2步-要移动一组控件,请先选择它们。然后将选择内容拖到所需位置。让我们选择"Static Text"和"Edit Controls"。

Static Texts and Edit Controls

第3步-将这些选定的控件移到左侧。

Move Selecred Control

Move Selecred Control

为了帮助定位控件,Visual Studio为"Dialog"工具栏提供了以下按钮。

Control Position5

第1步-通过选择所有这些控件,使我们将"Check box"和"Static Text"控件向左对齐。

Align Format

第2步-选择Format→Align→Lefts。

Align Left

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

Tab Ordering

您添加到窗体或对话框的控件将按照其添加顺序的顺序放置。当您添加控件时,无论放置新控件的区域是什么,都将其顺序放置在现有控件的末尾。如果不进行修复,则用户将很难导航控件。控件导航的顺序也称为选项卡顺序。

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

标签排序

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

在此示例中,我们将首先单击复选框,然后单击"名称和地址编辑"控件。然后单击"OK"和"Cancel",如以下快照所示。

Table Ordering

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

标签排序 Result