VC实现图片拖拽及动画的实例
作者:
这篇文章介绍了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);//设置控件位置