当前位置 博文首页 > 启舰:利用GDI+基于WIN32实现桌面雪花效果(二)

    启舰:利用GDI+基于WIN32实现桌面雪花效果(二)

    作者:[db:作者] 时间:2021-06-12 15:35

    前言:上篇实现了桌面雪花的飘落功能,但雪花在下落的过程中应该是旋转的,这节就是实现雪花下落过程中的旋转功能。与以往一样,在程序最后附上源码,供大家参考。

    由于单个图片无法看出旋转效果,这里就不再截图了,具体效果下载源码来看吧。这篇建立在上篇的基础之上,这里只讲解更改的地方,其它代码就不再贴出。整体代码看源码。

    一、初始化角度(AddSnow)

    在每个雪花图片添加到m_SnowArray数组中前,要对每个参数初始化,上节中已经对其它各个参数进行了初始化,这节再加上对角度的初始化,整体代码为:

    //添加雪花图片
    void CSnowWindow::AddSnow(int nCount)
    {
    	for(int i=0;i<nCount;i++)
    	{
    		//随机取一张图片
    		int nIndex=GetRndNum(0,m_ImageCount-1);
    		LPAnimationImage pImage=new AnimationImage;
    		LPAnimationImage pSrcImage=m_ImageArray[nIndex];
    		CopyMemory(pImage,pSrcImage,sizeof(AnimationImage));
    
    		//随机设置图片的初始位置
    		pImage->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);
    
    		//随机设置初始角度
    		if(pImage->Angle>=0)
    			pImage->Angle=GetRndNum(0,360);
    
    		m_SnowArray.Add(pImage);
    
    	}
    	m_SnowCount=m_SnowArray.GetCount();
    }
    这里对角度的初始化是在0-360度之间随机产生一个数字。

    二、旋转图片

    对于某一确定的雪花图片,要对其进行旋转,必须以此雪花图片的中心点为中心,旋转指定角度才是正确的做法。而不能以屏幕坐标系统(屏幕中心点)为中心来旋转图片,这样某个雪花就跑到了屏幕的另一位置去了。所以为了以雪花图片为中心来旋转图片,必须新建一个画布,大小与旋转后的雪花图片大小相同,并以此画布的中心点为中心绘制旋转后的雪花图片。

    基于上述原理,将指定图片旋转,并返回旋转后的图片的代码如下:

    //旋转图片
    Gdiplus::Image* CSnowWindow::MakeAngleImage(LPAnimationImage pImage,int& nNewWidth,int& nNewHeight)
    {
    	double Width=(double)pImage->Width;//原图尺寸
    	double Height=(double)pImage->Height;//原图尺寸
    	double fAngle=(double)pImage->Angle;//旋转角度
    	double pi=3.1415926535f;
    	double AngleSin=sin(double(fAngle*pi/180.0f));
    	double AngleCos=cos(fAngle*pi/180.0f);
    	nNewWidth=(INT)(abs(Height*AngleSin)+abs(Width*AngleCos));//计算转换的图像的宽度
    	nNewHeight=(INT)(abs(Height*AngleCos)+abs(Width*AngleSin));//计算转换的图像的高度
    
    	//--------下面是根据旋转角度产生一个旋转后的新位图,返回给调用者,供其绘制
    	之所以利用新画布,新建一个坐标系,因为在旋转时必须以图片的中心点进行旋转,
    	//如果直接在上面的Graphics中旋转,旋转的坐标系是以整个屏幕的中心点坐标来旋转的,当然会出错
    	//先根据转换后的图片新建一个空位图
    	Gdiplus::Image* pNewImage=new Gdiplus::Bitmap(nNewWidth,nNewHeight,PixelFormat32bppARGB);
    
    	//旋转坐标系
    	Matrix matrix;
    	PointF ptCenter(Width / 2.0f, Height / 2.0f);
    	matrix.RotateAt(fAngle,ptCenter,MatrixOrderPrepend);
    	Gdiplus::Graphics g(pNewImage);
    	g.SetTransform(&matrix); // 应用设定矩阵
    
    	//根据新坐标系,在这个图布上画上雪花图片
    	g.DrawImage(pImage->pImage,0,0,pImage->Width,pImage->Height);
    
    	g.ResetTransform();    //将坐标系复位
    
    	//返回画有转换后图像的位图
    	return pNewImage;
    }
    下面对这段代码逐步讲解:

    1、这段代码:(计算新图片宽和高)

    double Width=(double)pImage->Width;//原图尺寸
    double Height=(double)pImage->Height;//原图尺寸
    double fAngle=(double)pImage->Angle;//旋转角度
    double pi=3.1415926535f;
    double AngleSin=sin(double(fAngle*pi/180.0f));
    double AngleCos=cos(fAngle*pi/180.0f);
    nNewWidth=(INT)(abs(Height*AngleSin)+abs(Width*AngleCos));//计算转换的图像的宽度
    nNewHeight=(INT)(abs(Height*AngleCos)+abs(Width*AngleSin));//计算转换的图像的高度
    这段代码是根据原来的图片,在旋转fAngle角度后,根据fAangle计算出新图像的高度和宽度。
    计算过程如下图所示:(注意此时的坐标系是未旋转的!)


    2、旋转坐标系绘图

    新建一个可以容得下旋转后雪花图片的画布,代码即:

    Gdiplus::Image* pNewImage=new Gdiplus::Bitmap(nNewWidth,nNewHeight,PixelFormat32bppARGB);
    然后旋转坐标系:

    	//旋转坐标系
    	Matrix matrix;
    	PointF ptCenter(Width / 2.0f, Height / 2.0f);
    	matrix.RotateAt(fAngle,ptCenter,MatrixOrderPrepend);
    	Gdiplus::Graphics g(pNewImage);
    	g.SetTransform(&matrix); // 应用设定矩阵
    然后在新坐标系上绘制原雪花图片:

    g.DrawImage(pImage->pImage,0,0,pImage->Width,pImage->Height);
    但这里有个问题,为什么在这个新画布的绘制起点还是(0,0)呢,新画布不是比雪花图片大么,这是因为我们旋转了坐标系的缘故,原因看下图:

    之后就是将坐标系复位,然后返回旋转后的图片了。

    3、绘制部分(OnDrawWindow)

    代码如下:
    void CSnowWindow::OnDrawWindow(Gdiplus::Graphics* pGraphics)
    {
    	for(int i=0;i<m_SnowCount;i++)
    	{
    		LPAnimationImage pImage=m_SnowArray[i];
    		if(pImage->Angle>0)
    		{
    			int nNewWidth=0;
    			int nNewHeight=0;
    			Gdiplus::Image* pNewImage=MakeAngleImage(pImage,nNewWidth,nNewHeight);
    			pGraphics->DrawImage(pNewImage,pImage->X,pImage->Y,nNewWidth,nNewHeight);
    			delete pNewImage;
    
    		}else{
    			
    			pGraphics->DrawImage(pImage->pImage,pImage->X,pImage->Y,pImage->Width,pImage->Height);
    		}
    		
    	}
    }
    根据角度来绘制雪花,如果角度大于0的,说明要旋转,先得到旋转后的图片,然后将此图片在屏幕上画出来,如果不需要旋转就直接在屏幕上画出来就可以了。

    哈哈,到这雪花旋转的部分就讲完了。

    源码来了:http://download.csdn.net/detail/harvic880925/7002829?(不要分,仅供分享)


    请大家尊重原作者版权,转载请标明出处:http://blog.csdn.net/harvic880925/article/details/20652629