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

本文介绍如何在桌面上实现雪花飘落并旋转的效果。通过初始化雪花的角度、创建新的画布及旋转坐标系,最终完成雪花图片的旋转绘制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

一、初始化角度(AddSnow)

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

  1. //添加雪花图片  
  2. void CSnowWindow::AddSnow(int nCount)  
  3. {  
  4.     for(int i=0;i<nCount;i++)  
  5.     {  
  6.         //随机取一张图片  
  7.         int nIndex=GetRndNum(0,m_ImageCount-1);  
  8.         LPAnimationImage pImage=new AnimationImage;  
  9.         LPAnimationImage pSrcImage=m_ImageArray[nIndex];  
  10.         CopyMemory(pImage,pSrcImage,sizeof(AnimationImage));  
  11.   
  12.         //随机设置图片的初始位置  
  13.         pImage->X=GetRndNum(0,m_nWidth);  
  14.         pImage->Y=0-GetRndNum(pImage->Height,pImage->Height*2);  
  15.   
  16.         //随机缩放图片  
  17.         float f=(float)GetRndNum(50,100);  
  18.         f=f/(float)100;  
  19.         pImage->Width=(int)((float)pImage->Width*f);  
  20.         pImage->Height=(int)((float)pImage->Height*f);  
  21.   
  22.         //随机设置初始角度  
  23.         if(pImage->Angle>=0)  
  24.             pImage->Angle=GetRndNum(0,360);  
  25.   
  26.         m_SnowArray.Add(pImage);  
  27.   
  28.     }  
  29.     m_SnowCount=m_SnowArray.GetCount();  
  30. }  
这里对角度的初始化是在0-360度之间随机产生一个数字。

二、旋转图片

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

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

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

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

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


2、旋转坐标系绘图

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

  1. Gdiplus::Image* pNewImage=new Gdiplus::Bitmap(nNewWidth,nNewHeight,PixelFormat32bppARGB);  
然后旋转坐标系:
  1. //旋转坐标系  
  2. Matrix matrix;  
  3. PointF ptCenter(Width / 2.0f, Height / 2.0f);  
  4. matrix.RotateAt(fAngle,ptCenter,MatrixOrderPrepend);  
  5. Gdiplus::Graphics g(pNewImage);  
  6. g.SetTransform(&matrix); // 应用设定矩阵  
然后在新坐标系上绘制原雪花图片:
  1. g.DrawImage(pImage->pImage,0,0,pImage->Width,pImage->Height);  
但这里有个问题,为什么在这个新画布的绘制起点还是(0,0)呢,新画布不是比雪花图片大么,这是因为我们旋转了坐标系的缘故,原因看下图:


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

3、绘制部分(OnDrawWindow)

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

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


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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值