GDI+ DrawImage函数拉伸图片时自动渐变问题

Windows的GDI+库被认为是替代GDI的新一代绘图工具，GDI+相对于GDI最大的优势是封装性和易用性，GDI是基于句柄的，对设备上下文的封装性不好，函数应用起来比较麻烦；GDI+面向对象的封装非常好，对一些功能的封装也很强大，比如加载图片几乎支持所有常见的图片格式，支持渐变、透明等多种特效输出，能够非常容易地绘制出绚丽的界面输出。然而GDI+也是有缺陷的，我在实际使用过程中发现GDI+暴露出很多问题，至少在某些函数的易用性和效率上给用户带来了很大麻烦。最近打算写几篇这方面的博客，总结一下GDI+库使用中一些问题。

 

    这篇首先讨论一下DrawImage函数在绘制图片时，如果有拉伸会导致自动渐变的问题。具体描述如下。

    假设我们要做一个进度条，用自己的png格式图片作为背景和前景进行绘制，此时必然要拉伸图片，一是我们在横向上要通过拉伸量来表示不同的进度，二是为了力求节省资源文件体积，我们只要求图片横向上有几个像素表示即可（甚至一个像素）。我们用下面的代码进行绘制。

 

    Graphics gfx(dc.GetSafeHdc());
    gfx.SetInterpolationMode(InterpolationModeNearestNeighbor); 
    Rect rcDes(0, 0, 100, 20);
    gfx.DrawImage(m_pImage, rcDes, 0, 0, m_pImage->GetWidth(), m_pImage->GetHeight(), UnitPixel);

 

    我们会发现输出与我们想象的有所出入，资源图片并不是被简单的横向拉伸后均与填满目标区域，而是自动加上了渐变效果。当图片实际尺寸小于目标区域尺寸时，GDI+拉伸图片会默认加上渐变效果。（我不得不说GDI+有点强大得过头了！）但是我们现在不需要这个讨厌的效果，怎么办呢？
    可能你会很快想到一个代替品，就是使用TextureBrush，代码如下。

 

    Rect rcImage(0, 0, m_pImage->GetWidth(), m_pImage->GetHeight());
    TextureBrush brush(m_pImage, WrapModeTileFlipX, rcImage);
    gfx.FillRectangle(&brush, rcDes);

 

    TextureBrush（纹理画刷）将一幅图片作为刷子的输出背景，利用画刷我们能够正确输出我们想要绘制的效果。可能会有人提出疑问：难道DrawImage就不能完成我们想要的功能吗？如果你仔细看上面的代码，应该会注意到TextureBrush有个构造参数WrapMode，这个参数设定图片拉伸时的填充摸式，WrapModeTileFlipX表示在水平方向上进行交差对称填充，这样在水平方向上就不会出现渐变拉伸了。（还有几种模式大家可以自行研究）

    其实DrawImage函数也有这样一个参数，因此我们只要用下面的代码进行绘制就可以了：

 

    ImageAttributes ImgAtt;
    ImgAtt.SetWrapMode(WrapModeTileFlipXY);
    gfx.DrawImage(m_pImage, rcDes, 0, 0, m_pImage->GetWidth(), m_pImage->GetHeight(),

                  UnitPixel, &ImgAtt);

 

    ok，这下我们终于可以用DrawImage函数绘制自己想要的效果了。GDI+函数为了封装更加全面强大的绘制功能，提供了很多重载函数，并且参数也非常多样，我们在使用过程中很容易陷入复杂的参数设置陷阱。要想充分发挥GDI+强大的功能，熟练应用和经验积累显得非常重要。