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点需要注意:

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

运行效果

C++小游戏tankwar之界面绘制的详细过程_第12张图片

3.4 增加模式选择按钮

新建两个按钮,分别命名为人机大战和双人对战

C++小游戏tankwar之界面绘制的详细过程_第13张图片

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

右键打开类向导,添加WM_Size消息

C++小游戏tankwar之界面绘制的详细过程_第14张图片

加入以下代码。保持相对位置大概不变

C++小游戏tankwar之界面绘制的详细过程_第15张图片
C++小游戏tankwar之界面绘制的详细过程_第16张图片

C++小游戏tankwar之界面绘制的详细过程_第17张图片
C++小游戏tankwar之界面绘制的详细过程_第18张图片

以上就是C++小游戏tankwar之界面绘制的详细过程的详细内容,更多关于C++小游戏tankwar的资料请关注脚本之家其它相关文章!

你可能感兴趣的:(C++小游戏tankwar之界面绘制的详细过程)