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

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

添加控件

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

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

Create Adding Controls

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

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

链接:https://www.learnfk.com/article-mfc/mfc_windows_layout

来源:LearnFk无涯教程网

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

MFCLayoutDemo Edit

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

Static Text to Name

控制网格

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

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

控制网格

控制尺寸调整

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

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

Control Resizing

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

控制位置

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

让我们添加更多控件-

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步 - 现在,您可以看到所有这些控件都在左侧对齐。

标签排序

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

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

标签排序

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

在此示例中,我们将首先单击复选框,然后单击"Name and Address Edit"控件。然后单击"OK"和"Cancel",如以下快照所示。

Table Ordering

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

标签排序 Result

这一章你学到了什么?做个笔记,好记忆不如烂笔头! 如果觉得对您有帮助,请分享给您的朋友。

祝学习愉快! (您也可以 选中需要修改的内容->右键->进行编辑)

点我分享笔记