VC实现图片拖拽及动画

基础知识 
1.PictureBox控件的使用 
2.加载位图文件 
1.通过文件路径获得位图句柄 
//获得位图句柄  
void CMovePictureDlg::GetHandleFromPath(CString path)  
{  
    hBitmap= (HBITMAP)::LoadImage(AfxGetInstanceHandle(),path,IMAGE_BITMAP,0,0,LR_CREATEDIBSECTION|LR_LOADFROMFILE);//创建位图句柄  
} 

2.通过位图句柄创建位图对象并获得位图信息 
//获取位图对象  
  
void CMovePictureDlg::GetBitMap(HBITMAP hBitmap)  
  
{  
  
   m_BitMap.Attach(hBitmap);//通过位图句柄创建位图对象  
  
  
    //获取图像信息  
  
    BITMAPINFOHEADER bminfo;   
  
    m_BitMap.GetObject(sizeof(bminfo),&bminfo);   
  
  
//获取位图宽高  
  
    m_nBmpWidth=bminfo.biWidth;  
  
    m_nBmpHeight=bminfo.biHeight;  
  
} 

实现步骤： 
1.创建一个对话框工程命名为MovePicture 
2.打开对话框资源拖入一个PictureBox控件，设置ID为：IDC_PICTUREBOX，设置类型为：位图 
3.拖入两个静态文本控件和两个编辑框控件，静态文本控件标题分别为：输入动量系数：、输入阻力系数：，编辑框ID分别为：IDC_EDITDV、IDC_EDITF，为IDC_EDITDV关联变量为：m_editDV,为IDC_EDITF关联变量为：m_editF 
4.实现代码 
头文件 
// MovePictureDlg.h : header file  
//  
#include "PictureBox.h"  
  
#if !defined(AFX_MOVEPICTUREDLG_H__6FFC1DDF_478C_43D6_B854_4D51E98D5E50__INCLUDED_) 
#define AFX_MOVEPICTUREDLG_H__6FFC1DDF_478C_43D6_B854_4D51E98D5E50__INCLUDED_ 
  
#if _MSC_VER > 1000  
#pragma once  
#endif // _MSC_VER > 1000  
  
/////////////////////////////////////////////////////////////////////////////  
// CMovePictureDlg dialog  
  
class CMovePictureDlg : public CDialog  
{  
// Construction  
public:  
    void GetBitMap(HBITMAP hBitmap);  
    void GetHandleFromPath(CString path);  
    void SetPicRect(int x,int y);  
    void SetSysPath();  
    CMovePictureDlg(CWnd* pParent = NULL);  // standard constructor  
  
// Dialog Data  
    //{{AFX_DATA(CMovePictureDlg)  
    enum { IDD = IDD_MOVEPICTURE_DIALOG };  
    CEdit   m_editF;  
    CEdit   m_editDV;  
    //}}AFX_DATA  
  
    // ClassWizard generated virtual function overrides  
    //{{AFX_VIRTUAL(CMovePictureDlg)  
    protected:  
    virtual void DoDataExchange(CDataExchange* pDX);    // DDX/DDV support  
    //}}AFX_VIRTUAL  
  
// Implementation  
protected:  
    HICON m_hIcon;  
  
    // Generated message map functions  
    //{{AFX_MSG(CMovePictureDlg)  
    virtual BOOL OnInitDialog();  
    afx_msg void OnSysCommand(UINT nID, LPARAM lParam);  
    afx_msg void OnPaint();  
    afx_msg HCURSOR OnQueryDragIcon();  
    afx_msg void OnLButtonDown(UINT nFlags, CPoint point);  
    afx_msg void OnMouseMove(UINT nFlags, CPoint point);  
    afx_msg void OnLButtonUp(UINT nFlags, CPoint point);  
    afx_msg void OnTimer(UINT nIDEvent);  
    afx_msg void OnDestroy();  
    //}}AFX_MSG  
    DECLARE_MESSAGE_MAP()  
private:  
    CString sysPath;//保存系统路径  
    CString bmpPath;//位图路径  
  
    HBITMAP hBitmap;//位图句柄  
    CBitmap m_BitMap;//位图对象  
    int m_nBmpWidth;//位图宽度  
    int m_nBmpHeight;//位图高度  
  
    CPictureBox* pictureBox;//图片控件  
    CRect picRect;//控件所占区域  
    BOOL isSelect;//判断控件是否被选中  
  
    BOOL isDown;//判断鼠标是否按下  
  
    CPoint oldPoint;//鼠标原始位置  
  
    CPoint startPoint;//移动起始位置  
  
    SYSTEMTIME startTime;//开始时间  
    SYSTEMTIME endTime;//结束时间  
  
    double vx;//x方向速度  
    double vy;//y方向速度  
  
    double f;//阻力  
    double dv;//动力增量  
  
    CRect clientRect;//客户区域  
};  
  
//{{AFX_INSERT_LOCATION}}  
// Microsoft Visual C++ will insert additional declarations immediately before the previous line.  
  
#endif // !defined(AFX_MOVEPICTUREDLG_H__6FFC1DDF_478C_43D6_B854_4D51E98D5E50__INCLUDED_) 

实现文件 
// MovePictureDlg.cpp : implementation file  
//  
  
#include "stdafx.h"  
#include "MovePicture.h"  
#include "MovePictureDlg.h"  
#include <math.h>  
  
#ifdef _DEBUG  
#define new DEBUG_NEW  
#undef THIS_FILE  
static char THIS_FILE[] = __FILE__;  
#endif  
  
/////////////////////////////////////////////////////////////////////////////  
// CAboutDlg dialog used for App About  
  
//计算时间差   
inline   __int64   TimeDiff(SYSTEMTIME left,SYSTEMTIME right)   
{   
    CTime   tmLeft(left.wYear,left.wMonth,left.wDay,0,0,0);   
    CTime   tmRight(left.wYear,left.wMonth,left.wDay,0,0,0);   
    CTimeSpan   sp;   
    sp   =   tmLeft   -   tmRight;//计算日期比较麻烦，就交给MFC去做吧   
    long   lLMinllis   =   (left.wHour*3600   +   left.wMinute*60   +   left.wSecond)*1000   +   left.wMilliseconds;   
    long   lRMinllis   =   (right.wHour*3600   +   right.wMinute*60   +   right.wSecond)*1000   +   right.wMilliseconds;   
  
    return   (__int64)sp.GetDays()*86400000   +   (lLMinllis   -   lRMinllis);  
}  
  
class CAboutDlg : public CDialog  
{  
public:  
    CAboutDlg();  
  
// Dialog Data  
    //{{AFX_DATA(CAboutDlg)  
    enum { IDD = IDD_ABOUTBOX };  
    //}}AFX_DATA  
  
    // ClassWizard generated virtual function overrides  
    //{{AFX_VIRTUAL(CAboutDlg)  
    protected:  
    virtual void DoDataExchange(CDataExchange* pDX);    // DDX/DDV support  
    //}}AFX_VIRTUAL  
  
// Implementation  
protected:  
    //{{AFX_MSG(CAboutDlg)  
    //}}AFX_MSG  
    DECLARE_MESSAGE_MAP()  
};  
  
CAboutDlg::CAboutDlg() : CDialog(CAboutDlg::IDD)  
{  
    //{{AFX_DATA_INIT(CAboutDlg)  
    //}}AFX_DATA_INIT  
}  
  
void CAboutDlg::DoDataExchange(CDataExchange* pDX)  
{  
    CDialog::DoDataExchange(pDX);  
    //{{AFX_DATA_MAP(CAboutDlg)  
    //}}AFX_DATA_MAP  
}  
  
BEGIN_MESSAGE_MAP(CAboutDlg, CDialog)  
    //{{AFX_MSG_MAP(CAboutDlg)  
        // No message handlers  
    //}}AFX_MSG_MAP  
END_MESSAGE_MAP()  
  
/////////////////////////////////////////////////////////////////////////////  
// CMovePictureDlg dialog  
  
CMovePictureDlg::CMovePictureDlg(CWnd* pParent /*=NULL*/)  
    : CDialog(CMovePictureDlg::IDD, pParent)  
{  
    //{{AFX_DATA_INIT(CMovePictureDlg)  
    //}}AFX_DATA_INIT  
    // Note that LoadIcon does not require a subsequent DestroyIcon in Win32  
    m_hIcon = AfxGetApp()->LoadIcon(IDR_MAINFRAME);  
  
    isDown = FALSE;//初始化鼠标按下状态  
    isSelect = FALSE;//初始化选中状态  
    f = 0.05;//初始化阻力  
    dv = 5;//初始化动力增量  
}  
  
void CMovePictureDlg::DoDataExchange(CDataExchange* pDX)  
{  
    CDialog::DoDataExchange(pDX);  
    //{{AFX_DATA_MAP(CMovePictureDlg)  
    DDX_Control(pDX, IDC_EDITF, m_editF);  
    DDX_Control(pDX, IDC_EDITDV, m_editDV);  
    //}}AFX_DATA_MAP  
}  
  
BEGIN_MESSAGE_MAP(CMovePictureDlg, CDialog)  
    //{{AFX_MSG_MAP(CMovePictureDlg)  
    ON_WM_SYSCOMMAND()  
    ON_WM_PAINT()  
    ON_WM_QUERYDRAGICON()  
    ON_WM_LBUTTONDOWN()  
    ON_WM_MOUSEMOVE()  
    ON_WM_LBUTTONUP()  
    ON_WM_TIMER()  
    ON_WM_DESTROY()  
    //}}AFX_MSG_MAP  
END_MESSAGE_MAP()  
  
/////////////////////////////////////////////////////////////////////////////  
// CMovePictureDlg message handlers  
  
//对话框初始化  
BOOL CMovePictureDlg::OnInitDialog()  
{  
    CDialog::OnInitDialog();  
  
    // Add "About…" menu item to system menu.  
  
    // IDM_ABOUTBOX must be in the system command range.  
    ASSERT((IDM_ABOUTBOX & 0xFFF0) == IDM_ABOUTBOX);  
    ASSERT(IDM_ABOUTBOX < 0xF000);  
  
    CMenu* pSysMenu = GetSystemMenu(FALSE);  
    if (pSysMenu != NULL)  
    {  
        CString strAboutMenu;  
        strAboutMenu.LoadString(IDS_ABOUTBOX);  
        if (!strAboutMenu.IsEmpty())  
        {  
            pSysMenu->AppendMenu(MF_SEPARATOR);  
            pSysMenu->AppendMenu(MF_STRING, IDM_ABOUTBOX, strAboutMenu);  
        }  
    }  
  
    // Set the icon for this dialog.  The framework does this automatically  
    //  when the application’s main window is not a dialog  
    SetIcon(m_hIcon, TRUE);         // Set big icon  
    SetIcon(m_hIcon, FALSE);        // Set small icon  
      
    // TODO: Add extra initialization here  
  
    pictureBox = (CPictureBox*)GetDlgItem(IDC_PICTUREBOX);//获得图片框指针  
  
    SetSysPath();//设置系统路径  
  
    bmpPath = sysPath+"//image.bmp";//设置位图路径  
  
    GetHandleFromPath(bmpPath);//创建位图句柄  
  
    GetBitMap(hBitmap);//获得位图  
  
    //设置位图控件区域  
    SetPicRect(0,0);  
  
    pictureBox->MoveWindow(picRect);//设置控件位置  
  
    //设置文本框值  
    CString strDV,strF;  
    strDV.Format("%f",dv);  
    strF.Format("%f",f);  
  
    m_editDV.SetWindowText(strDV);  
    m_editF.SetWindowText(strF);  
    return TRUE;  // return TRUE  unless you set the focus to a control  
}  
  
void CMovePictureDlg::OnSysCommand(UINT nID, LPARAM lParam)  
{  
    if ((nID & 0xFFF0) == IDM_ABOUTBOX)  
    {  
        CAboutDlg dlgAbout;  
        dlgAbout.DoModal();  
    }  
    else  
    {  
        CDialog::OnSysCommand(nID, lParam);  
    }  
}  
  
// If you add a minimize button to your dialog, you will need the code below  
//  to draw the icon.  For MFC applications using the document/view model,  
//  this is automatically done for you by the framework.  
  
//重绘函数  
void CMovePictureDlg::OnPaint()   
{  
    if (IsIconic())  
    {  
        CPaintDC dc(this); // device context for painting  
  
        SendMessage(WM_ICONERASEBKGND, (WPARAM) dc.GetSafeHdc(), 0);  
  
        // Center icon in client rectangle  
        int cxIcon = GetSystemMetrics(SM_CXICON);  
        int cyIcon = GetSystemMetrics(SM_CYICON);  
        CRect rect;  
        GetClientRect(&rect);  
        int x = (rect.Width() – cxIcon + 1) / 2;  
        int y = (rect.Height() – cyIcon + 1) / 2;  
  
        // Draw the icon  
        dc.DrawIcon(x, y, m_hIcon);  
    }  
    else  
    {  
  
        this->GetClientRect(&clientRect);//获得客户区域大小  
  
        pictureBox->SetBitmap(hBitmap);//显示位图  
        CDialog::OnPaint();  
    }  
      
}  
  
// The system calls this to obtain the cursor to display while the user drags  
//  the minimized window.  
HCURSOR CMovePictureDlg::OnQueryDragIcon()  
{  
    return (HCURSOR) m_hIcon;  
}  
  
//鼠标左键按下  
void CMovePictureDlg::OnLButtonDown(UINT nFlags, CPoint point)   
{  
    // TODO: Add your message handler code here and/or call default  
      
    isDown=TRUE;//鼠标按下  
  
    if(PtInRect(picRect,point))//鼠标在图片区域按下  
    {  
        isSelect=TRUE;//图片选中  
  
        oldPoint = point;//记录下鼠标位置  
        startPoint = point;//记录下鼠标起始位置  
  
        GetSystemTime(&startTime);//得到当前时间  
    }  
  
    CDialog::OnLButtonDown(nFlags, point);  
}  
  
//鼠标左键弹起  
void CMovePictureDlg::OnLButtonUp(UINT nFlags, CPoint point)   
{  
    // TODO: Add your message handler code here and/or call default  
      
    isDown=FALSE;//鼠标弹起  
  
    if(isSelect)  
    {  
        CString strDV,strF;  
        m_editDV.GetWindowText(strDV);  
        m_editF.GetWindowText(strF);  
  
        dv = atof(strDV);  
        f = atof(strF);   
  
        isSelect=FALSE;//释放图片  
  
        GetSystemTime(&endTime);//得到当前时间  
  
        double dx = point.x-startPoint.x;//计算x轴位移  
        double dy = point.y-startPoint.y;//计算y轴位移  
  
        int s = TimeDiff(endTime,startTime);//计算时间差  
  
        //double r = sqrt(dx*dx+dy*dy);//计算鼠标位移长度  
        //double v=r/s;//求平均速度  
  
        vx=dv*dx/s;//x轴平均速度  
        vy=dv*dy/s;//y轴平均速度  
  
        SetTimer(1,1,NULL);//设置定时器  
    }  
  
    CDialog::OnLButtonUp(nFlags, point);  
}  
  
//鼠标移动  
void CMovePictureDlg::OnMouseMove(UINT nFlags, CPoint point)   
{  
    // TODO: Add your message handler code here and/or call default  
  
    if(isDown&&isSelect)//在鼠标按下状态下移动  
    {  
        int dx = point.x-oldPoint.x;//计算x值的相对变化  
        int dy = point.y-oldPoint.y;//计算y值的相对变化  
  
        //重新设置PictureBox位置  
        picRect.left=picRect.left+dx;  
        picRect.top=picRect.top+dy;  
  
        SetPicRect(picRect.left,picRect.top);//重置图片位置  
  
        pictureBox->MoveWindow(picRect.left,picRect.top,m_nBmpWidth,m_nBmpHeight);//改变图片框大小  
  
        oldPoint=point;//重置原始坐标  
    }  
  
    CDialog::OnMouseMove(nFlags, point);  
}  
  
//设置系统路径  
void CMovePictureDlg::SetSysPath()  
{  
    //获取当前路径，保存到字符数组strBuff中  
    char strBuff[256];  
    GetCurrentDirectory(256,strBuff);   
    sysPath.Format("%s",strBuff);//将路径保存到全局变量中  
}  
  
//设置控件区域  
void CMovePictureDlg::SetPicRect(int x, int y)  
{  
    picRect.top=y;  
    picRect.bottom=picRect.top+m_nBmpHeight;  
    picRect.left=x;  
    picRect.right=picRect.left+m_nBmpWidth;  
}  
  
//获得位图句柄  
void CMovePictureDlg::GetHandleFromPath(CString path)  
{  
    hBitmap= (HBITMAP)::LoadImage(AfxGetInstanceHandle(),path,IMAGE_BITMAP,0,0,LR_CREATEDIBSECTION|LR_LOADFROMFILE);//创建位图句柄  
}  
  
//获取位图对象  
void CMovePictureDlg::GetBitMap(HBITMAP hBitmap)  
{  
   m_BitMap.Attach(hBitmap);//通过位图句柄创建位图对象  
  
    //获取图像信息  
    BITMAPINFOHEADER bminfo;   
    m_BitMap.GetObject(sizeof(bminfo),&bminfo);   
  
    //获取位图宽高  
    m_nBmpWidth=bminfo.biWidth;  
    m_nBmpHeight=bminfo.biHeight;  
}  
  
//定时器事件  
void CMovePictureDlg::OnTimer(UINT nIDEvent)   
{  
    // TODO: Add your message handler code here and/or call default  
  
    if(abs(vx)>abs(vy))//当水平速度大于垂直速度时，只改变水平方向增量  
    {  
        if(picRect.left==clientRect.left)  
        {  
            vx=-vx;  
        }  
        if(picRect.left==clientRect.right-m_nBmpWidth)  
        {  
            vx=-vx;  
        }  
        picRect.left+=vx;  
    }  
    else if(abs(vx)<abs(vy))//当水平速度小于垂直速度时，只改变垂直方向增量  
    {  
        if(picRect.top==clientRect.top)  
        {  
            vy=-vy;  
        }  
        if(picRect.top==clientRect.bottom-m_nBmpHeight)  
        {  
            vy=-vy;  
        }  
        picRect.top+=vy;  
    }  
  
    //边界判断  
    if(picRect.left<clientRect.left)  
    {  
        picRect.left=clientRect.left;  
    }  
    if(picRect.left>clientRect.right-m_nBmpWidth)  
    {  
        picRect.left=clientRect.right-m_nBmpWidth;  
    }  
    if(picRect.top<clientRect.top)  
    {  
        picRect.top=clientRect.top;  
    }  
    if(picRect.top>clientRect.bottom-m_nBmpHeight)  
    {  
        picRect.top=clientRect.bottom-m_nBmpHeight;  
    }  
  
    pictureBox->MoveWindow(picRect.left,picRect.top,m_nBmpWidth,m_nBmpHeight);//改变图片框大小  
  
    //增量递减，匀减速运动  
    if(vx>0)  
    {  
        vx-=f;  
        if(vx<0)  
        {  
            vx=0;  
        }  
    }  
    else if(vx<0)  
    {  
        vx+=f;  
        if(vx>0)  
        {  
            vx=0;  
        }  
    }  
  
    if(vy>0)  
    {  
        vy-=f;  
        if(vy<0)  
        {  
            vy=0;  
        }  
    }  
    else if(vy<0)  
    {  
        vy+=f;  
        if(vy>0)  
        {  
            vy=0;  
        }  
    }  
  
    SetPicRect(picRect.left,picRect.top);//重置图片位置  
  
    CDialog::OnTimer(nIDEvent);  
}  
  
void CMovePictureDlg::OnDestroy()   
{  
    CDialog::OnDestroy();  
      
    // TODO: Add your message handler code here  
    this->KillTimer(1);//销毁定时器  
} 

1.在对话框中添加一PictureBox控件，设置ID为IDC_PICTUREBOX，类型为位图 
2.创建CPictureBox类继承于CStatic 
3.在对话框类中声明 
CPictureBox* pictureBox;//图片控件 
4.在对话框类的OnInitDialog方法中获得控件指针 
pictureBox = (CPictureBox*)GetDlgItem(IDC_PICTUREBOX);//获得图片框指针 
5.显示位图 
pictureBox->SetBitmap(hBitmap);//显示位图 
6.设置控件位置 
pictureBox->MoveWindow(picRect);//设置控件位置