博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
利用GDI+基于WIN32实现桌面雪花效果(一)
阅读量:2021 次
发布时间:2019-04-28

本文共 10375 字,大约阅读时间需要 34 分钟。

前言:毕业论文写完了,闲着没事干,研究研究这些一直想做的效果,先从桌面飘雪花开始,下面是过程记录。最后给出代码,供大家参考。

效果图:(桌面局部截图)

一、创建空WIN32工程并初始化

1、创建空WIN32工程(snow)

2、设置

项目-》属性-》配置属性-》MFC的使用-》在静态库中使用MFC

3、初始化GDI+和MFC库函数

新建一个Common.h文件,用来存放一些公用的结构体及代码,并在其中初始化GDI+,在其中放下如下代码来初始化GDI+

#include 
#pragma comment(lib,"GdiPlus.lib")using namespace Gdiplus;

在stdafx.h中添加如下代码:(添加对MFC类和所有函数库支持)

#include 
#define _ATL_CSTRING_EXPLICIT_CONSTRUCTORS // 某些 CString 构造函数将是显式的// 关闭 MFC 对某些常见但经常可放心忽略的警告消息的隐藏#define _AFX_ALL_WARNINGS#include
// MFC 核心组件和标准组件#include
// MFC 扩展#include
// MFC 自动化类#ifndef _AFX_NO_OLE_SUPPORT#include
// MFC 对 Internet Explorer 4 公共控件的支持#endif#ifndef _AFX_NO_AFXCMN_SUPPORT#include
// MFC 对 Windows 公共控件的支持#endif // _AFX_NO_AFXCMN_SUPPORT

二、新建应用程序入口类(派生自CWinApp)

新建一个类(CSnowApp),该类派生自MFC的CWinApp类,(在头文件右击-》添加-》类)

头文件代码如下:

#pragma once#include "Common.h"// CSnowAppclass CSnowApp : public CWinApp{	DECLARE_DYNCREATE(CSnowApp)public:	CSnowApp();           // 动态创建所使用的受保护的构造函数	virtual ~CSnowApp();public:	virtual BOOL InitInstance();	virtual int ExitInstance();protected:	DECLARE_MESSAGE_MAP()public:	ULONG_PTR m_gdiplusToken;  	BOOL RegisterClass(LPCTSTR lpszClassName);};extern CSnowApp theApp;
这里重写了CWinApp的两个函数,InitInstance()和ExitInstance();

然后自己写了一个窗口类注册函数,完整代码如下:

BOOL CSnowApp::RegisterClass(LPCTSTR lpszClassName){	WNDCLASS wndcls;	memset(&wndcls,0,sizeof(WNDCLASS));	wndcls.style=CS_DBLCLKS|CS_HREDRAW|CS_VREDRAW;	wndcls.lpfnWndProc=::DefWindowProc;	wndcls.hInstance=AfxGetInstanceHandle();	wndcls.hIcon=NULL;	wndcls.hCursor=::LoadCursor(NULL,IDC_ARROW);	wndcls.hbrBackground=(HBRUSH)(COLOR_BTNFACE+1);	wndcls.lpszMenuName=NULL;	wndcls.lpszClassName=lpszClassName;	if(!AfxRegisterClass(&wndcls))	{		TRACE("Class Registration Failed\n");		return FALSE;	}	return TRUE;}
BOOL CSnowApp::InitInstance(){	// TODO: 在此执行任意逐线程初始化	//初始化GDI+	GdiplusStartupInput gdiplusStartupInput;	GdiplusStartup(&m_gdiplusToken, &gdiplusStartupInput, NULL);	//初始化应用程序	CWinApp::InitInstance();	//注册窗口类	if (!RegisterClass(L"CometAnimationUI"))	{		return FALSE;	}	//创建窗口	CSnowWindow snowWnd;	snowWnd.Create(NULL);	//将snowWnd作为主窗体HWND,传给m_pMainWnd,供其显示窗体	m_pMainWnd=&snowWnd;	Run();	return TRUE;}int CSnowApp::ExitInstance(){	// TODO: 在此执行任意逐线程清理	GdiplusShutdown(m_gdiplusToken);	return CWinApp::ExitInstance();}
这里主要讲解InitInstance()的流程,这是应用程序初始化函数,它首先对GDI+进行初始化,然后注册窗口类,利用CSowWnd类创建窗口,然后将snowWnd作为主窗体HWND,传给m_pMainWnd,供其显示窗体。最后利用Run()函数进入消息循环。流程与WIN32窗体的创建过程一样,只是这里是经过CWinApp类封装过的,所以流程显得不那么明显。

三、雪花窗体显示

这里分析两个问题:

  • 我们并不是将每个雪花创建一个窗口,而是将当前屏幕做为窗体,在它上面画图而已。
  • 雪花的种类是有限的,即原始图片,这里加载了六个,而大家可以看到,整个屏幕的雪花量却是很大的,所以我们要建一个基类完成原始图像加载、窗体刷新等功能。而雪花类则建立在此基类的基础上,完成雪花的下落、移动等功能。

1、定义单个雪花图片对象

该对象包含每个雪花显示所需的所有信息,结构体定义如下:
typedef struct tagAnimationImage{	Gdiplus::Image* pImage;	int X;				//图片的X坐标	int Y;				//图片的Y坐标	int Width;			//图片显示高度	int Height;			//图片显示宽度	int Angle;			//旋转角度	bool firstInit;		//是否初步初始化,用于在初次初始化时设定该雪花是往左走还是往右走还是直线下落	int OffsetMode;		//图片的行走方式,向左、向右、向下三种} AnimationImage, *PAnimationImage,*LPAnimationImage;

2、雪花窗体基类CLayeredWnd(派生自CWnd)

CLayeredWnd头文件如下:

class CLayeredWnd : public CWnd{	DECLARE_DYNAMIC(CLayeredWnd)public:	CLayeredWnd();	virtual ~CLayeredWnd();protected:	DECLARE_MESSAGE_MAP()public:	int m_nWidth;	int m_nHeight;	CArray
m_ImageArray;//图片数组 int m_ImageCount;//图片数量public: // 载入图片 BOOL LoadImage(LPAnimationImage pImage,LPCTSTR lpName); // 添加图片到数组 LPAnimationImage AddImage(LPCTSTR lpName); // 释放图片数组 void ReleaseImage(); // 重新绘制窗口 void ReDrawWindow(void); // 虚函数 绘制窗口 virtual void OnDrawWindow(Gdiplus::Graphics* pGraphics);};
成员变量讲解:

m_ImageArray:存储原始图片,即加载的六张雪花图;

m_ImageCount:数组的长度,即存储的原始图片的个数;

成员函数就不讲解功能了,每个函数上面都有标注;

具体实现:

加载图片:LoadImage()

BOOL CLayeredWnd::LoadImage(LPAnimationImage pImage,LPCTSTR lpPath){	//初始化空间	if(pImage->pImage)	{		delete pImage->pImage;		pImage->pImage=NULL;	}	ZeroMemory(pImage,sizeof(AnimationImage));	//加载图片	pImage->pImage = Gdiplus::Image::FromFile(lpPath);  	if(!pImage->pImage)		return FALSE;	pImage->Width=pImage->pImage->GetWidth();	pImage->Height=pImage->pImage->GetHeight();	return TRUE;}
根据给定的地址加载图片,并设计图片的高度和宽度信息。
增加图片:AddImage()

LPAnimationImage CLayeredWnd::AddImage(LPCTSTR lpPath){	LPAnimationImage pImage=new AnimationImage;	ZeroMemory(pImage,sizeof(AnimationImage));	LoadImage(pImage,lpPath);	m_ImageArray.Add(pImage);	m_ImageCount=m_ImageArray.GetCount();	return pImage;}
根据给定的路径加载图片,并将其添加到数组中;
重绘窗口:ReDrawWindow

void CLayeredWnd::ReDrawWindow(void){	HDC hDC=::GetDC(m_hWnd);	HDC hMemDC=::CreateCompatibleDC(hDC);	BITMAPINFO bitmapinfo;	bitmapinfo.bmiHeader.biSize = sizeof(BITMAPINFOHEADER);	bitmapinfo.bmiHeader.biBitCount = 32;	bitmapinfo.bmiHeader.biHeight = m_nHeight;	bitmapinfo.bmiHeader.biWidth = m_nWidth;	bitmapinfo.bmiHeader.biPlanes = 1;	bitmapinfo.bmiHeader.biCompression=BI_RGB;	bitmapinfo.bmiHeader.biXPelsPerMeter=0;	bitmapinfo.bmiHeader.biYPelsPerMeter=0;	bitmapinfo.bmiHeader.biClrUsed=0;	bitmapinfo.bmiHeader.biClrImportant=0;	bitmapinfo.bmiHeader.biSizeImage = bitmapinfo.bmiHeader.biWidth * bitmapinfo.bmiHeader.biHeight * bitmapinfo.bmiHeader.biBitCount / 8;	HBITMAP hBitmap=CreateDIBSection (hMemDC,&bitmapinfo, 0,NULL, 0, 0);	HBITMAP hOldBitmap = (HBITMAP)SelectObject (hMemDC,hBitmap);	Graphics g(hMemDC);	//-------------------------------------------------------------	OnDrawWindow(&g);	//设置透明窗口-------------------------------------------------	CPoint DestPt(0,0);	CSize psize(m_nWidth,m_nHeight);	BLENDFUNCTION blendFunc32bpp;	blendFunc32bpp.AlphaFormat = AC_SRC_ALPHA;	blendFunc32bpp.BlendFlags = 0;	blendFunc32bpp.BlendOp = AC_SRC_OVER;	blendFunc32bpp.SourceConstantAlpha = 255;	::UpdateLayeredWindow(m_hWnd,hDC,NULL,&psize,hMemDC,&DestPt,0,&blendFunc32bpp,ULW_ALPHA);	//释放资源-------------------------------------------------	::SelectObject (hMemDC,hOldBitmap);	::DeleteObject(hBitmap);	::DeleteDC(hMemDC);	::ReleaseDC(m_hWnd,hDC);}
这里注意一点:首先是创建一个空白画布,然后调用虚函数OnDrawWindow()来画图,由于下面我们将在CLayeredWnd的基础上派生出CSnowWnd,所以在CSnowWindow我们会重新实现这个绘图函数,在这个函数中实现雪花的下移和平移功能。

最后在整个画布完成以后,利用UpdateLayeredWindow更新到窗体上显示出来。

3、雪花显示窗体类CSnowWindow

头文件内容如下:

class CSnowWindow :	public CLayeredWnd{public:	CSnowWindow(void);	~CSnowWindow(void);private:	CArray
m_SnowArray;//雪花图片数组 int m_SnowCount;//雪花图片数量 int m_RowCount;//每行图片数量 int m_AllCount;//可显示图片总数public: DECLARE_MESSAGE_MAP() afx_msg void OnTimer(UINT_PTR nIDEvent);public: //创建窗体 BOOL Create(HWND hWndParent=NULL); //初始化初次显示界面 void InitImage(); //添加原始图片资源到CLayeredWnd的m_ImageArray中 void AddResImg(LPCTSTR lpName,int nAngle); //向m_SnowArray添加雪花图片 void AddSnow(int nCount); //下移雪花 void DownSnow(); //根据上限和下限,随机产生一个数字 int GetRndNum(int nMin,int nMax);public: //绘制当前界面,重写CLayeredWnd的此虚函数 virtual void OnDrawWindow(Gdiplus::Graphics* pGraphics);};
由于每个变量和函数都对应有标注,这里就不再叙述了,下面看具体实现:
void CSnowWindow::InitImage(){	AddResImg(_T("C:\\Snow01.png"),0);	AddResImg(_T("C:\\Snow02.png"),0);	AddResImg(_T("C:\\Snow03.png"),-1);	AddResImg(_T("C:\\Snow04.png"),-1);	AddResImg(_T("C:\\Snow05.png"),0);	AddResImg(_T("C:\\Snow06.png"),0);	AddResImg(_T("C:\\Snow07.png"),0);	AddResImg(_T("C:\\Snow08.png"),0);	AddResImg(_T("C:\\Snow09.png"),0);	AddResImg(_T("C:\\Snow10.png"),0);	AddResImg(_T("C:\\Snow11.png"),0);	AddResImg(_T("C:\\Snow12.png"),0);	m_RowCount=m_nWidth/(m_ImageArray[0]->Width+20);	m_AllCount=m_RowCount*(m_nHeight/(m_ImageArray[0]->Height+20));	AddSnow(m_RowCount);}//添加要显示的雪花图片到CLayeredWnd的m_ImageArray中void CSnowWindow::AddResImg(LPCTSTR lpName,int nAngle){	LPAnimationImage pImage=AddImage(lpName);	pImage->Angle=nAngle;}//添加雪花图片void CSnowWindow::AddSnow(int nCount){	for(int i=0;i
X=GetRndNum(0,m_nWidth); pImage->Y=0-GetRndNum(pImage->Height,pImage->Height*2); //随机缩放图片 float f=(float)GetRndNum(50,100); f=f/(float)100; pImage->Width=(int)((float)pImage->Width*f); pImage->Height=(int)((float)pImage->Height*f); pImage->firstInit=true;//初始化为TRUE,此参数用来判定是否首次初始化OffsetMode参数 m_SnowArray.Add(pImage); } m_SnowCount=m_SnowArray.GetCount();}
讲解:
1、AddResImg()实现根据图片路径将图片加载到CLayeredWnd的m_ImageArray中

2、AddSnow()实现随机从m_ImageArray中取一张图片,并对其初始化,最后将其添加到m_SnowArray中。

3、InitImage()就是实现了初次显示的雪花图片的初始化工作,AddSnow(m_RowCount);将每行所具有的雪花个数的图片,以第一行显示出来。

在初次顶端雪花初始化完成以后,就要定时将雪花图片移动(下移和平移)

1、设置定时器

由于是定时刷新当前界面以使雪花下移,所以必定要设定定时器,并对WM_TIMER消息进行处理,下面看对WM_TIMER消息处理的代码:

void CSnowWindow::OnTimer(UINT_PTR nIDEvent){	// TODO: 在此添加消息处理程序代码和/或调用默认值	CLayeredWnd::OnTimer(nIDEvent);	DownSnow();}
从这里可以看到,每次产生的定时脉冲所做的事情就是将雪花下移。下面看DownSnow()的代码:

//下移雪花图片void CSnowWindow::DownSnow(){	int nTop=25;	for(int i=m_SnowCount-1;i>=0;i--)	{		LPAnimationImage pImage=m_SnowArray[i];		pImage->Y+=5;//下移		if(pImage->Y>m_nHeight)//超出屏幕高度		{			m_SnowArray.RemoveAt(i);//移除这张图片			delete pImage;			continue;//转到下一次循环		}		//-------------		if(pImage->Y
Y;//找到当前最后一个雪花离屏幕顶部的距离 //横向移动 if (pImage->firstInit) { pImage->firstInit=false; pImage->OffsetMode=GetRndNum(1,3); } switch (pImage->OffsetMode) { case 1: pImage->X--; break; case 2: pImage->X++; break; } } m_SnowCount=m_SnowArray.GetCount(); int nCount=m_AllCount-m_SnowCount; if(nCount>0 && nTop>20)//设定每行的竖向间隔,这里设定每20个像素显示一行雪花 { if(nCount>m_RowCount) nCount=m_RowCount; AddSnow(nCount); } ReDrawWindow();}
讲解:
1、for循环中对每个雪花进行平移和下移。

2、如何产生下一行雪花。

注意这里有几句代码:

首先定义了一个距离,25个像素。

int nTop=25;
这句处在FOR循环内,由于pImage->Y每次都会递加5,所以到最后就会出现一种情况,其它雪花纵坐标都大于25,只有一个雪花的纵坐标小于25,所以这句的目的就是查找最后一个仍小于nTop的值。由于Y值每次递加5,所以最后一个Y值肯定落在20-25之间。

if(pImage->Y
Y;//找到当前最后一个雪花离屏幕顶部的距离

由于当雪花落在屏幕边界外后,会将雪花从数组中删除,而且随着雪花的下落,屏幕上还要继续落雪花,新产生的行所具有的要求是:

(1)、数量不能超,而且不能少

这里使用int nCount=m_AllCount-m_SnowCount;nCount=m_RowCount;来设定每行要显示的雪花数量。

(2)、每行雪花的行距

上面说了利用nTop来找到最后一个雪花离屏幕的距离(20-25),所以当nTop>20的时候,说明是时候显示下一行了,这时才可以显示,不然就挤在一块了。

m_SnowCount=m_SnowArray.GetCount();	int nCount=m_AllCount-m_SnowCount;	if(nCount>0 && nTop>20)//设定每行的竖向间隔,这里设定每20个像素显示一行雪花	{		if(nCount>m_RowCount)			nCount=m_RowCount;		AddSnow(nCount);	}

3、调用CLayeredWnd的ReDrawWindow()

由于在ReDrawWindow中调用了虚函数OnDrawWindow(),根据虚函数性质,会调用CSnowWindow重写的OnDrawWindow函数,看OnDrawWindow的实现:

// 虚函数 绘制窗口void CSnowWindow::OnDrawWindow(Gdiplus::Graphics* pGraphics){	for(int i=0;i
DrawImage(pImage->pImage,pImage->X,pImage->Y,pImage->Width,pImage->Height); }}
实现方法就是将每一个雪花图片重新根据新坐标绘制出来,仅而而已。

到这里,本文雪花飘落相关的东东已经介绍完成了,下篇在此基础上完成雪花在下落过程中实现旋转的功能。

源码来啦:

请大家尊重原创,转载请标明处出,谢谢!!!本文出处:

相关网页:

《深入解析MFC -- CWinApp》:

《MFC中的CWnd类与Windows窗体的关系》:

《桌面动画-雪花和兔子-源码分享》 (感谢本文作者,参考了他的源码)

你可能感兴趣的文章
C#中any()的用法
查看>>
【python(1)】python简介
查看>>
【python(Error_1)】pyCharm新建项目是出现Interpreter field is empty
查看>>
CS1752:Interop type 'ApplicationClass' cannot be embedded. Use the applicable interface instead.
查看>>
Web API简介
查看>>
windows 10 提升管理员权限
查看>>
HTTP Error 500.24 - Internal Server Error
查看>>
不为别的,只为炫耀-工作中写的sql
查看>>
【SQL】通过SQL命令创建表和表之间的主外键关系
查看>>
SQL中的约束
查看>>
女性的优势会越来越明显
查看>>
主键与外键以及唯一键的选择的依据——情况之一
查看>>
SQL server数据库中双引号(英文)的使用
查看>>
null的运算
查看>>
STUFF AND FOR XML PATH for String Concatenation in SqlServer
查看>>
sql中order by 【以某个字段排序】
查看>>
sql中having和where的区别。
查看>>
HTML框架结构标签(frameset)
查看>>
SQLSERVER 使用 ROLLUP 汇总数据,实现分组统计,总计(合计),小计
查看>>
如何使用git向GitHub上托管自己的项目
查看>>