Windows程序设计之简单的动画效果(小球弹一弹)

构造一个矩形位图,位图内有一个带有阴影和紫色间隙的小球,程序使用定时器来控制小球的动作,实际上是每当接收到定时器消息时将位图通过BitBlt函数复制到客户区,每当小球碰撞到客户区上下左右四边时就反弹回来。下面代码有本人的理解注释可供参考,本人才疏学浅,不妥请见谅。效果图如下:
刚开始(初始其实是在客户区中心开始的,难截图就随便找张了,但理解就OK了,不碍事):
Windows程序设计之简单的动画效果(小球弹一弹)
移动后:
Windows程序设计之简单的动画效果(小球弹一弹)

#include<windows.h>
#define ID_TIMER 1
LRESULT CALLBACK WndProc(HWND hwnd, UINT message, WPARAM wParam, LPARAM lParam);
int WINAPI WinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, LPSTR szCmdline, int iCmdShow)
{
    static TCHAR szAppName[] = TEXT("Bounce");
    HWND hWnd;//窗口句柄
    MSG mSg;//消息结构体
    //创建窗口类
    WNDCLASSEX wndClass;

    //设置窗口类各类属性
    wndClass.cbSize = sizeof(WNDCLASSEX);//设置窗口类结构体大小
    wndClass.cbClsExtra = 0;//窗口类尾部的一部分额外的空间
    wndClass.cbWndExtra = 0;
    wndClass.hInstance = hInstance;//应用程序当前的实例句柄
    wndClass.hCursor = LoadCursor(NULL, IDC_HELP);
    wndClass.hIcon = NULL;
    wndClass.hIconSm = NULL;
    wndClass.hbrBackground = (HBRUSH)GetStockObject(WHITE_BRUSH);
    wndClass.lpfnWndProc = WndProc;//回调函数的地址(窗口消息处理程序)
    wndClass.lpszClassName = szAppName;//窗口类的名字,也就是窗口的标识,后面用于创建窗口函数的参数。
    wndClass.lpszMenuName = NULL;//菜单的名字,没有为NULL。
    wndClass.style = CS_HREDRAW | CS_VREDRAW;//窗口类的样式,它的值可以是窗口样式值的任意组合。CS_HREDRAW  CS_VREDRAW,这个是垂直刷新和水平刷新,窗口尺寸改变,重画活动区域。

    //注册对话框类
    if (!RegisterClassEx(&wndClass))
    {
        DWORD error_code = GetLastError();
        MessageBox(NULL, TEXT("This program requires Windows NT!"), TEXT("NumRain"), MB_ICONERROR | MB_OKCANCEL);
        return 0;
    }

    hWnd = CreateWindow(szAppName, TEXT("The Hello Program"), WS_OVERLAPPEDWINDOW, 200, 200, 800, 500, NULL, NULL, hInstance, NULL);

    ShowWindow(hWnd, iCmdShow);
    UpdateWindow(hWnd);
    while (GetMessage(&mSg, NULL, 0, 0))
    {
        TranslateMessage(&mSg);
        DispatchMessage(&mSg);
    }
    return (int)mSg.wParam;
}

LRESULT CALLBACK WndProc(HWND hwnd, UINT message, WPARAM wParam, LPARAM lParam)
{
    HDC hdc,hdcMem;
    HBRUSH hBrush;
    int iScale;
    static HBITMAP hBitmap;
    static int cxClient, cyClient,xCenter,yCenter,cxTotal,cyTotal,cxRadius,cyRadius,cxMove,cyMove,xPixel,yPixel;
    switch (message)
    {
    case WM_CREATE:
        //初始化数据
        hdc = GetDC(hwnd);
        xPixel = GetDeviceCaps(hdc, ASPECTX);//36
        yPixel = GetDeviceCaps(hdc, ASPECTY);//36
        ReleaseDC(hwnd, hdc);

        SetTimer(hwnd, ID_TIMER, 50, NULL);
        return 0;
    case WM_SIZE:
        //客户区中心的坐标
        xCenter = (cxClient = LOWORD(lParam)) / 2;//392
        yCenter = (cyClient = HIWORD(lParam)) / 2;//230

        iScale = min(cxClient*xPixel, cyClient*yPixel) / 16;//1037

        //球水平的半径和垂直的半径
        cxRadius = iScale / xPixel;//28
        cyRadius = iScale / yPixel;//28

        //球水平的半径的一半和垂直的半径的一半
        cxMove = max(1, cxRadius / 2);//14
        cyMove = max(1, cyRadius / 2);//14

        //位图宽和高
        cxTotal = 2 * (cxRadius + cxMove);//84
        cyTotal = 2 * (cyRadius + cyMove);//84

        if (hBitmap)
        {
            DeleteObject(hBitmap);
        }

        hdc = GetDC(hwnd);
        //创建内存设备环境
        hdcMem = CreateCompatibleDC(hdc);
        //创建与客户区兼容的GDI位图对象,该位图宽为cxTotal,高为cyTotal
        hBitmap = CreateCompatibleBitmap(hdc, cxTotal, cyTotal);
        ReleaseDC(hwnd, hdc);

        //将GDI位图对象选入内存设备环境,扩大了显示表面
        SelectObject(hdcMem, hBitmap);
        //矩形的边框被绘制在位图之外
        Rectangle(hdcMem, -1, -1, cxTotal + 1, cyTotal + 1);
        //创建阴影画刷
        hBrush = CreateHatchBrush(HS_DIAGCROSS, 0L);
        SelectObject(hdcMem, hBrush);
        //设置阴影画刷间隔的空白处为紫色
        SetBkColor(hdcMem, RGB(255, 0, 255));
        /*
        将小球绘制在位图的中心
        值得注意的是,阴影画刷和阴影间隙的紫色效果都是在Rectangle函数之后,说明只有球才有阴影画刷和紫色间隙,而球外面的边空还是白色的。
        */
        Ellipse(hdcMem, cxMove, cyMove, cxTotal - cxMove, cyTotal - cyMove);
        DeleteDC(hdcMem);
        DeleteObject(hBrush);
        return 0;
    case WM_TIMER:
        if (!hBitmap)
        {
            break;
        }

        hdc = GetDC(hwnd);
        //创建内存设备环境
        hdcMem = CreateCompatibleDC(hdc);
        //将绘制好的位图对象选入内存设备环境
        SelectObject(hdcMem, hBitmap);

        //如果画图细心分析,会发现位图中心,水平和垂直每移动cxMove个像素,都会有新的位图覆盖上一个位图的球,这就不会出现球的残影了
        BitBlt(hdc, xCenter - cxTotal / 2, yCenter - cyTotal / 2, cxTotal, cyTotal, hdcMem, 0, 0, SRCCOPY);
        ReleaseDC(hwnd, hdc);
        DeleteDC(hdcMem);

        xCenter += cxMove;
        yCenter += cyMove;

        //客户区左右两边的碰撞检测
        if ((xCenter + cxRadius >= cxClient) || (xCenter - cxRadius <= 0))
        {
            //将小球反弹回去
            cxMove = -cxMove;
        }
        if ((yCenter + cyRadius >= cyClient) || (yCenter - cyRadius <= 0))
        {
            //将小球反弹回去
            cyMove = -cyMove;
        }
        return 0;

    case WM_CLOSE:
        if (IDOK == MessageBox(hwnd, TEXT("是否退出?"), TEXT("对话框"), MB_OKCANCEL | MB_DEFBUTTON1 | MB_ICONQUESTION))
        {
            DestroyWindow(hwnd);
        }
        else
        {
            return 0;
        }
    case WM_DESTROY:
        if (hBitmap)
        {
            DeleteObject(hBitmap);
        }
        KillTimer(hwnd, ID_TIMER);
        PostQuitMessage(0);
        return 0;
    }
    return DefWindowProc(hwnd, message, wParam, lParam);
}

转载于:https://blog.51cto.com/12731497/2114867

主要是模拟初中的物理实验的有源代码,可供初学者使用! 采用 MFC 编制 MVC 模式之球体演示程序 作者:haykey 下载源代码   在传统面向过程的程序设计中,往往采用 Input-Processing-Output 模式,这“归功”于 DOS 操作系统的单任务。当 Windows 图形界面 OS 出现后,MVC(Model-View-Controller)模型更适合 Windows 图形界面程序的设计,它将数据处理和数据显示分离开,使维护,扩展系统更加灵活 。其中,View:负责 显示数据,它从Model处获得数据然后显示。当然,一个Model会有用户可从不同角度来观察的多个View。Model:存储数据以及对数据进行各种运算和处理 。Controller:负责接受用户输入,并且把用户输入转换成对 Model 的操作。因此Controller 可能会修改 Model 的数据,当数据修改后,更新 View。其结构示意图如下:   一直采用MFC编程的朋友可能不太熟悉它,这是因为MFC的文档视图结构就是基于MVC的高层结构,这蒙蔽了我们的双眼。虽然MS替我们做了,我们还是有必要接触它,以在SDK or 其他地方有的放矢。我做了一个球体演示的例子,其界面如下:   左侧两个表面积和体积Edit让使用者从文本的角度精确地观察,我们称其为TextView。右侧为从CStatic派生的CGraphicView,使得人们可直观地观察Sphere.对话窗口CMVCSphereDlg是控制器,来获取用户的键盘输入(输入半径后回车)和在Static上的鼠标点击与拖动(可动态调整球体半径并实时反馈球体变化)而CSphere类是模型,存储了球体半径和计算表面积,计算体积等处理半径数据的操作.   现在让我们详细看看代码,来感受下Model,View,Controller之间如何关联,如何协同工作的。 class CSphere { public: ... .... //更新Graphic-VIEW BOOL UpdateGraphicView(HWND hWnd,const CRect &rect,BOOL bErase); //更新Text-VIEW void UpdateTextView(); //外界Controller的接口:设置球体半径 void SetRadius(float r); private: //球体半径 float m_fRadius; //计算球体表面积 float CalculateArea(float radius); //计算球体体积 float CSphere::CalculateVolumn(float radius); };   这里面 UpdateTextView,UpdateTextView 就是当用户输入新半径或拖动鼠标 Controller 捕获后通知 Model,Model 通知两个View更新显示 。具体代码如下: BOOL CSphere::UpdateGraphicView(HWND hWnd,const CRect &rect,BOOL bErase) { //data format examination if(!::IsWindow(hWnd)||::IsRectEmpty(&rect)) { AfxMessageBox("View is not created by now or rect is empty"); return false; } //get the window pointer from window handle CWnd *pView = CWnd::FromHandle(hWnd); if(pView == NULL) return false; //set graphic view''s radius in order to painting ((CGraphicView*)pView)->SetRadius(m_fRadius); bPaintSphere = true;//set paint tag true //repaint if(!::InvalidateRect(hWnd,&rect,bErase)&& !::UpdateWindow(hWnd)) { AfxMessageBox("UpdateView failed"); return true; } pView = NULL; return false; } void CSphere::UpdateTextView() { CMVCSphereDlg *parent = (CMVCSphereDlg *)AfxGetMainWnd(); CWnd *wnd1 = parent->GetDlgItem(IDC_SURFACE); CWnd *wnd2 = parent->GetDlgItem(IDC_VOLUMN); CString str; str.Format("%.2f平方米",CalculateArea(m_fRadius)); wnd1->SetWindowText(str); str.Empty(); str.Format("%.2f立方米",CalculateVolumn(m_fRadius)); wnd2->SetWindowText(str); } CGraphicView中绘图关键代码如下: void CGraphicView::OnPaint() { ... ..... if(!bPaintSphere) dc.DrawText("球体演示",rect,DT_VCENTER|DT_CENTER|DT_SINGLELINE); else { int r=(int)m_radius;//半径取整 CPoint MiddlePoint = rect.CenterPoint();//以矩形框的中心为球心 int x=MiddlePoint.x; int y=MiddlePoint.y; oldpen = (CPen*)dc.SelectObject(&solid_pen); oldbru = (CBrush*)dc.SelectObject(&brush); dc.Ellipse(x-r,y-r,x+r,y+r); //先画一个圆形 dc.SelectObject(&dash_pen); dc.Arc(x-r/2,y-r,x+r/2,y+r,x,y-r,x,y+r); //再画4个半圆弧 dc.Arc(x-r/2,y-r,x+r/2,y+r,x,y+r,x,y-r); dc.Arc(x-r,y-r/2,x+r,y+r/2,x-r,y,x+r,y); dc.Arc(x-r,y-r/2,x+r,y+r/2,x+r,y,x-r,y); ... ... } } 关于控制器CMVCSphereDlg响应用户输入半径回车核心代码如下: BOOL CMVCSphereDlg::PreTranslateMessage(MSG* pMsg) { UpdateData(); //violation examination if(m_r100) { AfxMessageBox("半径输入范围(0---100)"); return false; } if(pMsg->message == WM_KEYDOWN) if(pMsg->wParam == VK_RETURN)//回车 { CRect rect; m_GraphicView.GetClientRect(rect); m_Sphere.SetRadius(m_r);//把用户输入转换成对Model的操作 m_Sphere.UpdateTextView();//更新View m_Sphere.UpdateGraphicView(m_GraphicView.GetSafeHwnd(),rect,true);//更新View return true; } ... ... } 响应鼠标拖动核心代码如下: void CMVCSphereDlg::OnMouseMove(UINT nFlags, CPoint point) { CRect rect; m_GraphicView.GetClientRect(rect); CPoint middlepoint = rect.CenterPoint(); //if click on the graphic view if(rect.PtInRect(point)&&bIsDragging) { double dbDistance2 = (point.x-middlepoint.x)*(point.x-middlepoint.x)+(point.y-middlepoint.y)*(point.y-middlepoint.y); double dbDistance = sqrt(dbDistance2); if(dbDistance>100.) dbDistance = 100.; m_r = (float)dbDistance; //update radius edit UpdateData(false); m_Sphere.SetRadius(m_r); m_Sphere.UpdateTextView(); m_Sphere.UpdateGraphicView(m_GraphicView.GetSafeHwnd(),rect,true); } ... ... } 该程序功能简单,只是示例性说明采用 MFC 如何实现MVC模型,就当抛砖引玉了。具体实现参考源代码例子。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值