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

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+强大的功能，熟练应用和经验积累显得非常重要。