首页 > 代码库 > 手把手教学MFC吃豆子教程

手把手教学MFC吃豆子教程

手把手教学MFC吃豆子教程

本教程适用于零基础学员制作C++课程设计


编程工具:VC++6.0.
本次教学主要知识点:
1.控件消息响应。
2.CDC类函数的使用。



下面开始教学:
吃豆子的基本思想:
1.定义脸和食物类.
2.不断将脸的上一个坐标重绘为白色,将新的脸绘制出来,从而在宏观上实现脸的移动.
3.运用OnTimer()函数制作时钟更新画面,运用OnKeyDown()接收键盘消息.


首先创建工程:我们选择的是MFC AppW的单文档工程.
技术分享技术分享
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
下面我们添加三个windows 消息如图


添加方式:右键CView类选择 Add Window Message Hander
技术分享
添加结果:
共需要这三个消息
1.WM_KEYDOWN (键盘消息,用来接收键盘反馈)
2.WM_RBUTTONDOWN(鼠标消息,用于后续一个函数方便读者理解程序使用)
3.WM_TIMER

技术分享
下面我们开始添加函
添加方式:右键CView类选择 Add Virtual Function技术分享
从左边找到OnlitialUpdate函数按Add Handler添加到右边
添加成功图如下:添加完后记得按确定
技术分享

OnInitialUpdate()函数主要是用于脸和食物的初始化,因为这个函数在OnDraw()函数之前调用.
具体说明读者可以自行Bai度;
最后我们再自己添加一个OnFace initialization()(脸的初始化)函数用来对脸进行初始化.
依然是右键CView类选择Add Member Function
技术分享
在弹出菜单里输入如图信息.中间最好不要加空格不然到时候不好找函数在哪里,此图就不做修改了.
技术分享
好了基本游戏框架就算是做好了。
那么我们现在先做一个游戏界面的控件设计吧。
首先我们先选择右边菜单底部的RESOURCE VIEW 双击IDR_MAINFRAME如图
技术分享
右键空白的格子选择属性
技术分享
输入标注
技术分享
然后在游戏菜单栏的扩展栏分别创建下面的扩展选项
技术分享
扩展选项的属性分别为
技术分享

技术分享
技术分享技术分享
ID成功设置之后我们就开始对这些控件进行消息的响应处理
具体方法如下图
技术分享
注意一定要在Class name:选项中选择CVIEW类
赋予Begin   COMMAND的Message:
技术分享

其他控件也如上例子添加函数


添加完毕后我们就可以检查一下所添加的函数是否有遗漏
读者可以参照此图,如果有遗漏可以自行返回上面再次学习添加.
技术分享

下面我们要向所添加的函数体里面添加代码了,教程也快到尾声了大家坚持.技术分享技术分享技术分享技术分享技术分享技术分享技术分享技术分享技术分享技术分享
1.我们在如图位置添加脸和食物的全局变量
class Face
{
     public:
int x,y;//坐标
int direct;//方向
}Face;
class Food
{
      public:
     int x;
     int y;
     int flag;//flag(标志)后用于防止食物坐标重复访问造成游戏结束的问题
}Food[2];
int flag =2;//这个flag用于计算食物的个数,当flag等于0那么游戏将结束


插入在如图的地方,代码是源程序里面复制的读者可以选择复制粘贴到自己的程序中.
技术分享


对食物和脸进行初始化
void CEatbeanView::OnInitialUpdate() 
{
CView::OnInitialUpdate();

// TODO: Add your specialized code here and/or call the base class
Face.x=10;
Face.y=10;
Face.direct=2;
//本次设计两个食物,初始化坐标.

Food[0].x=40;
Food[0].y=40;
    Food[0].flag=0;
Food[1].x=100;
Food[1].y=100;
Food[1].flag=0;
}

技术分享



2.找到刚才我们定义的Faceinitialization函数做脸的初始化和食物的初始化

void CEatbeanView::OnFaceinitialize()//脸外观设计
{
CDC *pDC=GetDC();//建立一个CDC指针pDC指向窗口句柄
CBrush DrawBrush=(RGB(255,48,48)); //创建一个画刷需要用RBG进行初始化,RBG的色彩可以百度
     CBrush *Drawbrush=pDC->SelectObject(&DrawBrush);
     pDC->Ellipse(Face.x*20,Face.y*20,(Face.x+1)*20,(Face.y+1)*20);
//食物循环绘图
for(int i=0;i<2;i++)
 pDC->Ellipse(Food[i].x,Food[i].y,Food[i].x+20,Food[i].y+20);
     pDC->SelectObject(DrawBrush);
}
结果图
技术分享

3.对OnKeyDown()函数中添加代码

void CEatbeanView::OnKeyDown(UINT nChar, UINT nRepCnt, UINT nFlags) //nChar用来从键盘接收消息
{
// TODO: Add your message handler code here and/or call default
switch(nChar)//用一个stitch接收按键并转化为数字方便运算
{
   case VK_UP:Face.direct=1;break;//     上1
case VK_DOWN:Face.direct=2;break;//   下2
case VK_LEFT:Face.direct=3;break;//   左3
case VK_RIGHT:Face.direct=4;break;//  右4
}
CView::OnKeyDown(nChar, nRepCnt, nFlags);//自己生成
}


添加结果图
技术分享
OnKeyDown函数的第一个参数UINT nChar是键盘输入的信息,这里我们用switch进行判断
对不同按键我们将脸的朝向Face.direct变量进行不同的初始化.不同的方向用不同的数字代表
之后我们方面判断.

4.因为读者可能不了解坐标所以我这里添加了一个函数,这个函数的作用是:
当你右键游戏窗口会弹窗此处坐标,方便于读者理解程序所用,没有这个函数游戏也能愉快运行.
添加方式和上面几个函数一样在右边找到然后输入代码
void CEatbeanView::OnRButtonDown(UINT nFlags, CPoint point) 
{
// TODO: Add your message handler code here and/or call default
    CString str;
    str.Format("%d,%d",point.x,point.y);
    AfxMessageBox(str);
CView::OnRButtonDown(nFlags, point);
}

结果图
技术分享
5.对游戏开始游戏暂停等控件添加代码
void CEatbeanView::Onbegin() 
{
// TODO: Add your command handler code here
SetTimer(1,1000,NULL);
AfxMessageBox("游戏即将开始!");
}

void CEatbeanView::Onexit() 
{
// TODO: Add your command handler code here
AfxMessageBox("退出游戏");
AfxGetMainWnd()->SendMessage(WM_CLOSE);//关闭窗口
}
void CEatbeanView::Onpause() 
{
// TODO: Add your command handler code here
KillTimer(1);
AfxMessageBox("游戏暂停中!");
}
void CEatbeanView::OnGameContinue() 
{
// TODO: Add your command handler code here
SetTimer(1,1000,NULL);
}

技术分享
AfxMessageBox是弹窗消息的函数.
SetTimer函数的说明:创建或设置一个定时器,该函数创建的定时器与Timer控件(定时器控件)效果相同。
里面一共有三个参数SetTimer(计时器名字,时间间隔单位毫秒,指定窗口句柄)

6.对OnDraw函数进行代码添加

我们用这个函数进行界面的初始绘制
void CEatbeanView::OnDraw(CDC* pDC)
{
CEatbeanDoc* pDoc = GetDocument();
ASSERT_VALID(pDoc);
// TODO: add draw code for native data here
       CBrush backBrush(RGB(255,222,173));
       CBrush* pOldBrush = pDC->SelectObject(&backBrush);//
       CRect rect;
       pDC->GetClipBox(&rect);
       pDC->PatBlt(rect.left, rect.top, rect.Width(), rect.Height(),PATCOPY);
       pDC->SelectObject(pOldBrush);//
       pDC->Rectangle(18,18,400,400);//501
       OnFaceinitialize();
}

技术分享
7.对OnTimer函数的代码添加
void CEatbeanView::OnTimer(UINT nIDEvent) 
{
// TODO: Add your message handler code here and/or call default
   
   //撞界判断,食物吃完
CDC *pDC=GetDC();
     if(Face.x*20<=20||Face.y*20<=20||Face.x*20>=380||Face.y*20>=380||flag==0)
{
         KillTimer(1);
         AfxMessageBox("游戏结束");

//判断食物的剩余
  
 

//先擦除前一个位置
     pDC->SelectStockObject(WHITE_PEN);
     pDC->Rectangle(Face.x*20,Face.y*20,(Face.x+1)*20,(Face.y+1)*20);
 
//后画出新的脸
//行走方向判断
      if(Face.direct==1)Face.y--;
      if(Face.direct==2)Face.y++;
      if(Face.direct==3)Face.x--;
      if(Face.direct==4)Face.x++;
  pDC->SelectStockObject(BLACK_PEN);
  
  CBrush DrawBrush=(RGB(255,48,48));
  CBrush *Drawbrush=pDC->SelectObject(&DrawBrush);
  /////////////
   if(Face.x*20==Food[0].x&&Face.y*20==Food[0].y&&Food[0].flag==0)
{
flag--;
Food[0].flag=1;
}
   else if(Face.x*20==Food[1].x&&Face.y*20==Food[1].y&&Food[1].flag==0)
{
flag--;
Food[1].flag=1;
}


  if(Face.direct==1)//上
  {
 if((Face.x+Face.y)%2==0)
 pDC->Ellipse(Face.x*20,Face.y*20,(Face.x+1)*20,(Face.y+1)*20);//闭嘴重绘
 else  

 pDC->Pie(Face.x*20,Face.y*20,(Face.x+1)*20,(Face.y+1)*20,Face.x*20+5,Face.y*20,Face.x*20+15,Face.y*20);


  }
  
  if(Face.direct==2)//下//////////////////////////
  {
 if((Face.x+Face.y)%2==0)
      pDC->Ellipse(Face.x*20,Face.y*20,(Face.x+1)*20,(Face.y+1)*20);//闭嘴重绘
 else
 pDC->Pie(Face.x*20,Face.y*20,(Face.x+1)*20,(Face.y+1)*20,/**/Face.x*20+15,Face.y*20+20,Face.x*20+5,Face.y*20+20);
  }
  if(Face.direct==3)//左/////////////////////////
  {
 if((Face.x+Face.y)%2==0)   //我们用脸的横纵坐标之和对2取余进行不同的绘制从而实现嘴巴的开合.
 {
 pDC->Ellipse(Face.x*20,Face.y*20,(Face.x+1)*20,(Face.y+1)*20);//闭嘴重绘
 }
 else
         //pDC->SelectStockObject(BLACK_BRUSH);
 pDC->Pie(Face.x*20,Face.y*20,(Face.x+1)*20,(Face.y+1)*20,Face.x*20,Face.y*20+15,Face.x*20,Face.y*20+5);
  }
  if(Face.direct==4)//右
  {
 if((Face.x+Face.y)%2==0)
 pDC->Ellipse(Face.x*20,Face.y*20,(Face.x+1)*20,(Face.y+1)*20);//闭嘴重绘
 else
 pDC->Pie(Face.x*20,Face.y*20,(Face.x+1)*20,(Face.y+1)*20,Face.x*20+20,Face.y*20+5,Face.x*20+20,Face.y*20+15);
  }
 pDC->SelectObject(DrawBrush);
CView::OnTimer(nIDEvent);
}
这里我对代码进行说明一下
 if((Face.x+Face.y)%2==0)   //我们用脸的横纵坐标之和对2取余进行不同的绘制从而实现嘴巴的开合.
 //先擦除前一个位置
     pDC->SelectStockObject(WHITE_PEN);
     pDC->Rectangle(Face.x*20,Face.y*20,(Face.x+1)*20,(Face.y+1)*20);

这段函数的作用就是画矩形我们用,画白色矩形的方法来擦除上一个位置,当然当脸吃到食物之后食物就成了上一个位置
我们就用这个矩形覆盖食物同时覆盖原来的脸,这样就实现的食物的删除.




本次教程就到这里了,已经详细之至了,实在不懂的地方就请

者自行度娘了.



手把手教学MFC吃豆子教程