MFC - 窗口布局

MFC - 窗口布局 首页 / MFC入门教程 / MFC - 窗口布局

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

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

添加控件

让无涯教程创建新的基于对话框的MFC项目MFCLayoutDemo。

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

Create Adding Controls

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

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

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

MFCLayoutDemo Edit

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

Static Text to Name

控制网格

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

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

无涯教程网

链接:https://www.learnfk.comhttps://www.learnfk.com/mfc/mfc-windows-layout.html

来源:LearnFk无涯教程网

控制网格

控制尺寸调整

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

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

Control Resizing

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

控制位置

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

让无涯教程添加更多控件-

Control Position

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

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

Static Texts and Edit Controls

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

Move Selecred ControlMove 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

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

深入拆解Java虚拟机 -〔郑雨迪〕

性能测试实战30讲 -〔高楼〕

SRE实战手册 -〔赵成〕

数据中台实战课 -〔郭忆〕

Redis核心技术与实战 -〔蒋德钧〕

Go 并发编程实战课 -〔晁岳攀(鸟窝)〕

成为AI产品经理 -〔刘海丰〕

陈天 · Rust 编程第一课 -〔陈天〕

React Native 新架构实战课 -〔蒋宏伟〕

好记忆不如烂笔头。留下您的足迹吧 :)