[Direct2D开发] 绘制网格
一、引言
最近在使用Direct2D进行绘制工作中，需要实现使用Direct2D绘制网格的功能。在网上查了很多资料，终于实现了，下面就把实现使用Direct2D绘制网格功能的方法贴到这里供大家参考。
二、绘制网格
2.1 API接口
首先介绍一下绘制网格中使用到的重要接口ID2D1BitmapRenderTarget，它继承自ID2D1RenderTarget，会写入到中间纹理。对于创建与 ID2D1BitmapBrush 结合使用的图案，或缓存要反复使用的绘制数据，这十分有用。它仅仅比基类多了一个函数GetBitmap，此函数可以将内部的绘制数据输出到位图ID2D1Bitmap中，如下：
1 2 3 4 | 语法： virtual HRESULT GetBitmap([out] ID2D1Bitmap **bitmap) = 0;功能： 检索此呈现器目标的位图。返回的位图可用于绘制操作。参数： bitmap 此方法返回时，包含指向此呈现器目标的位图的指针地址。此位图可用于绘制操作。返回值：HRESULT 如果该方法成功，则返回 S_OK。 否则，将返回错误代码。HRESULT. |
创建ID2D1BitmapRenderTarget对象的函数为ID2D1RenderTarget::CreateCompatibleRenderTarget，这个函数有6个重载，我们只介绍其中一个，有兴趣的朋友可以查看msdn文档，介绍如下：
1 2 3 4 5 6 | 语法：HRESULT CreateCompatibleRenderTarget(D2D1_SIZE_F desiredSize,[out] ID2D1BitmapRenderTarget **bitmapRenderTarget);功能：创建新位图呈现器目标，以供在中间屏幕外绘制期间使用。新位图呈现器目标与当前呈现器目标兼容，并且与当前呈现器目标有相同的像素格式。参数： desiredSize 以与设备无关的像素表示的新呈现器目标的所需大小。 bitmapRenderTarget 此方法返回时将包含一个指针的地址，该指针指向一个新位图呈器现目标。此参数以未初始化的状态传递。返回值：HRESULT 如果该方法成功，则返回 S_OK。 否则，将返回错误代码。HRESULT. |
我们还要用到位图画刷ID2D1BitmapBrush，这个接口不用特殊介绍，我们介绍一下创建画刷时需要的一个结构体，这个结构体用来描述 ID2D1BitmapBrush 的扩展模式和内插模式：
1 2 3 4 5 | struct D2D1_BITMAP_BRUSH_PROPERTIES { D2D1_EXTEND_MODE extendModeX; //一个值，用来描述画笔对超过其位图范围的区域进行水平平铺的方式。 D2D1_EXTEND_MODE extendModeY; //一个值，用来描述画笔对超过其位图范围的区域进行垂直平铺的方式。 D2D1_BITMAP_INTERPOLATION_MODE interpolationMode; //一个值，用来指定对位图进行缩放或旋转时使用的内插方式。}; |
这个结构体前两个成员的类型都是枚举类型D2D1_EXTEND_MODE，它指定画笔如何在其常规内容区域之外的区域进行绘制。如下：
1 2 3 4 5 | typedef enum { D2D1_EXTEND_MODE_CLAMP = 0,//在常规内容区域以外的所有区域重复画笔内容边上的像素。 D2D1_EXTEND_MODE_WRAP = 1,//重复画笔的内容。 D2D1_EXTEND_MODE_MIRROR = 2 //与 D2D1_EXTEND_MODE_WRAP 相同，但画笔的内容将翻转显示。（画笔的常规内容在绘制时不会进行转换。）} D2D1_EXTEND_MODE; |
还有一个枚举类型D2D1_BITMAP_INTERPOLATION_MODE，用来指定缩放或旋转图像时所使用的算法。如下：
1 2 3 4 | typedef enum { D2D1_BITMAP_INTERPOLATION_MODE_NEAREST_NEIGHBOR = 0,//使用离当前呈现像素最近的位图像素的精确颜色。 D2D1_BITMAP_INTERPOLATION_MODE_LINEAR = 1 //从离当前呈现像素最近的四个位图像素来内插颜色。} D2D1_BITMAP_INTERPOLATION_MODE; |
要拉伸图像，原始图像中的每个像素都必须映射到较大的图像中的一组像素。要压缩图像，原始图像中的一组像素必须映射到较小的图像中的单个像素。我们这里用不到这些，就不过多介绍了。
到这里我们所需要的API接口就介绍完了。
2.2 思路介绍
介绍完需要的API接口之后，我们来看一下实现网格绘制的思路：
a.创建一个网格粒度大小的ID2D1BitmapRenderTarget；
b.在ID2D1BitmapRenderTarget上绘制两条直线，分别在ID2D1BitmapRenderTarget的左边和上边；
c.从ID2D1BitmapRenderTarget创建位图；
d.指定画刷的的属性，让它对超过位图画刷范围外的区域进行重复绘制。
也就是说在一个位图画刷上保存一个网格，并指定画刷绘制的时候对范围外的区域进行重复绘制，如下图所示：
2.3 代码实现
这是绘制网格的代码部分：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | // 网格粒度float meshLength = 20.f;// 创建bitmapRTif (SUCCEEDED(hr)){ hr = m_pRT->CreateCompatibleRenderTarget( D2D1::SizeF(meshLength,meshLength), &m_pBitmapRT);}// 创建bitmapBrushif (SUCCEEDED(hr)){ m_pBitmapRT->BeginDraw(); m_pBitmapRT->DrawLine(D2D1::Point2F(0,0),D2D1::Point2F(meshLength,0),m_pBrush); m_pBitmapRT->DrawLine(D2D1::Point2F(0,0),D2D1::Point2F(0,meshLength),m_pBrush); m_pBitmapRT->EndDraw(); m_pBitmapRT->GetBitmap(&m_pBitmap); D2D1_BITMAP_BRUSH_PROPERTIES bbp; bbp.extendModeX = D2D1_EXTEND_MODE_WRAP; bbp.extendModeY = D2D1_EXTEND_MODE_WRAP; bbp.interpolationMode = D2D1_BITMAP_INTERPOLATION_MODE_NEAREST_NEIGHBOR; m_pRT->CreateBitmapBrush(m_pBitmap, bbp, &m_pBitmapBrush);} |
上面的代码中先创建了bitmapRT，然后在bitmapRT上绘制一个网格的两个边，再从bitmapRT上获取位图，根据位图创建位图画刷。
下面是绘制部分的代码：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | RECT clientRect;GetClientRect(m_hwnd, &clientRect);D2D1_RECT_F rc = D2D1::RectF(clientRect.left,clientRect.top,clientRect.right,clientRect.bottom);// 开始绘制m_pRT->BeginDraw();m_pRT->SetTransform(D2D1::Matrix3x2F::Identity());m_pRT->Clear(D2D1::ColorF(D2D1::ColorF::Black));// 绘制m_pRT->FillRectangle( rc, m_pBitmapBrush); // 结束绘制hr = m_pRT->EndDraw(); |
绘制的演示效果如下图：
在这里完整代码代码就不贴出了，有兴趣的朋友可以点击此处下载Demo源码，Demo源码是Direct2DTests目录下的D2DMesh文件。
三、结语
这样我们就成功地利用Direct2D绘制出了网格，希望可以帮到大家。