使用VS2017建立MFC应用程序详细介绍

迈不过友情╰ 2022-01-23 03:03 2262阅读 1赞

## 使用VS2017建立第一个MFC程序 ##

话说我第一次使用的时候在安装工具包的时候入了一次坑，不知道怎么进入设计页面入了一次坑，不知道如何管理变量入了一次坑，所以我立下雄心壮志写下这篇博文，希望可以帮助到一些朋友少走些弯路。

#### 一、MFC库的下载 ####

首先打开VS2017点击工具 -> 获取工具和功能，查看是否存在支持MFC开发程序包，如果没有则下载该程序包  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2ODM3NA_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][20190601232111133.png]

#### 二、MFC程序窗体的建立 ####

确认支持MFC开发程序包存在后，左上方点击 文件 -> 新建 -> 新建项目 -> 选择VC++ -> MFC应用程序  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2ODM3NA_size_16_color_FFFFFF_t_70 1]  
在新弹出的窗口中选择基于对话框，以及在静态库中使用MFC，点击完成按钮成功创建一个MFC程序  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2ODM3NA_size_16_color_FFFFFF_t_70 2]

#### 三、MFC设计模式 ####

要知道VS2017最大的特点就是可视化开发页面，我们可以进入设计模式直接拖动控件到MFC对话框中。

那么如何进入到MFC设计模式呢？

如果你是新建后打开该解决方案，会直接显示设计页面进入设计模式（如下图）  
![在这里插入图片描述][20190601234231362.png]

但如果是再次打开时是不会显示设计页面的，我们有两个方法进入设计模式：  
（1）找到资源文件夹下的rc文件双击进入资源视图，点击资源视图中的Dialog文件夹选择IDD对话框文件双击打开，同样可以进入设计模式  
![在这里插入图片描述][20190601234101940.png]  
![在这里插入图片描述][20190601234304414.png]  
（2）第二种方法是直接点击VS导航条中的视图 -> 其他窗口 -> 资源视图，重复（1）中进入资源视图后的操作同样可以进入设计模式  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2ODM3NA_size_16_color_FFFFFF_t_70 3]

***在这里不推荐大家记住或使用太多快捷键，要记住操作步骤，多用就会越来越熟练，懒惰就是退步的开始！！***

#### 四、MFC添加控件变量 ####

进入设计模式后直接在工具箱中拖入对话框设计我们需要的页面，设计好页面后添加控件变量

选择要添加变量的控件点击右键，选择添加变量进入变量添加变量窗口  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2ODM3NA_size_16_color_FFFFFF_t_70 4]  
需要注意框出来的两个部分，变量类别对应变量类型，存在有控件（CEdit）和值（value）两种，根据我们的需要进行选择，编写变量名称，点击完成添加变量成功。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2ODM3NA_size_16_color_FFFFFF_t_70 5]  
管理变量可以选择一个控件点击右键选择类向导，进入类向导页面后选择成员变量，就可以查看和管理对话框中的所有控件变量  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2ODM3NA_size_16_color_FFFFFF_t_70 6]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2ODM3NA_size_16_color_FFFFFF_t_70 7]

#### 五、MFC控件事件的编写 ####

控件事件的编写其实很简单，直接选择控件双击就会跳转到事件设计代码部分，直接添加你想要添加 操作就可以了。  
![在这里插入图片描述][20190602000536524.png]

> > 关于如何使用 VS2017 建立MFC程序的介绍就到这里啦，希望对大家有帮助！！如有错误望指正，谢谢大噶！

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2ODM3NA_size_16_color_FFFFFF_t_70]: /images/20220123/f4b3be63dcdb45c8969c78e5e970efc2.png
[20190601232111133.png]: /images/20220123/427070064b8849e2aef403ba8de92407.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2ODM3NA_size_16_color_FFFFFF_t_70 1]: /images/20220123/51d77adcf6f246c7a2d028e89954127c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2ODM3NA_size_16_color_FFFFFF_t_70 2]: /images/20220123/8acdb904fba1496687618368036115fd.png
[20190601234231362.png]: /images/20220123/30364116fb274e849b9da930a069de25.png
[20190601234101940.png]: /images/20220123/bd56738494674a6183a3574bb002fa9a.png
[20190601234304414.png]: /images/20220123/3b67890739784a9b8fd3716dfaf0be5b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2ODM3NA_size_16_color_FFFFFF_t_70 3]: /images/20220123/96637ee8c8b7418ea813c95014ff57fd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2ODM3NA_size_16_color_FFFFFF_t_70 4]: /images/20220123/157b39945b0b435da3fb69e855b11b2b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2ODM3NA_size_16_color_FFFFFF_t_70 5]: /images/20220123/6c177eb637a0453fb7faa3f2df9fb978.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2ODM3NA_size_16_color_FFFFFF_t_70 6]: /images/20220123/6d2ac27abf0942659c0ca5c2cdbc32d2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY2ODM3NA_size_16_color_FFFFFF_t_70 7]: /images/20220123/9cd76357ac9842ba90826a849882bccf.png
[20190602000536524.png]: /images/20220123/b0ca46d2d3514f0499389f51621968a8.png