现在的位置: 首页 > 综合 > 正文

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

2013年08月03日 ⁄ 综合 ⁄ 共 1308字 ⁄ 字号 评论关闭

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

抱歉!评论已关闭.