C++小游戏tankwar:(一)、界面绘制

一、前言

闲来无趣,写个C++小游戏

二、新建项目

2.1创建MFC项目

C++小游戏tankwar:(一)、界面绘制_第1张图片

2.2 新建路径

C++小游戏tankwar:(一)、界面绘制_第2张图片

2.3 基于对话框

C++小游戏tankwar:(一)、界面绘制_第3张图片

三、窗口界面绘制

3.1 设置框架

进入资源视图
C++小游戏tankwar:(一)、界面绘制_第4张图片
双击打开IDD_TANKWAR_DIALOG
C++小游戏tankwar:(一)、界面绘制_第5张图片
出现下列界面后删除多余控件
C++小游戏tankwar:(一)、界面绘制_第6张图片
修改Caption为Tankwar
C++小游戏tankwar:(一)、界面绘制_第7张图片
增加缩小最大化按钮
C++小游戏tankwar:(一)、界面绘制_第8张图片

3.2 初始化GDI

进入"TankWar.h",加入以下代码
C++小游戏tankwar:(一)、界面绘制_第9张图片
进入"TankWar.cpp",加入以下代码
C++小游戏tankwar:(一)、界面绘制_第10张图片
GDI初始化完成

3.3 绘制背景

进入TankWarDlg.cpp,加入以下代码
C++小游戏tankwar:(一)、界面绘制_第11张图片
其中2点需要注意:

  1. GDI如果未初始化,则此处的image::FromFile 无法加载图片成功
  2. 如果没有写invalidate(),则拖动界面放大缩小会使之前的图片残留

运行效果

3.4 增加模式选择按钮

新建两个按钮,分别命名为人机大战和双人对战
C++小游戏tankwar:(一)、界面绘制_第12张图片

3.5 拖动窗体使模式按钮相对位置不变

右键打开类向导,添加WM_Size消息
C++小游戏tankwar:(一)、界面绘制_第13张图片
加入以下代码。保持相对位置大概不变

C++小游戏tankwar:(一)、界面绘制_第14张图片
C++小游戏tankwar:(一)、界面绘制_第15张图片

C++小游戏tankwar:(一)、界面绘制_第16张图片

四、晚安

困了,今天先到这里吧!

你可能感兴趣的:(C++,小游戏,MFC,c++)