自绘用于调整大小的“粒状”(grippie)

VS2008在非最大化时的状态栏上会有一个用于调整大小的“粒状”(grippie)，我们自己的自绘窗口经常也需要这么一个东西，本文说的就是这个东西的实现。

 

图1：vs2008的grippie

图2：vs2008的grippie放大后的样子

图3：我的实现效果

 

实现其实很简单，截个图，放大，原来就是画些点，具体还是贴代码吧：）

gdi和gdi+的代码其实没有本质的区别，我刚好都试了下，就顺便都贴出来和大家分享。

先看gdi的

/*@ Function: _DrawSizeGrip@ brief: 自绘用于调整大小的“粒状”(grippie)@ parameter : hDC@ parameter : rcClient,会在rcClient的右5下脚画，可以是窗口的GetClientRect@ return: @ remark: @ Date: 2009/9/7 22:01:57 debehe@*/void _DrawSizeGrip(HDC hDC, CRect rcClient){// 一个大点由四个小点组成// 小的宽const int SMALL_POINT_WIDTH = 1;// 大点的宽const int LARGE_POINT_WIDTH = 2;const int LARGE_POINT_OFFSET= 3;CRect rcLargePoint = rcClient;rcLargePoint.right -= LARGE_POINT_WIDTH;rcLargePoint.bottom -= LARGE_POINT_WIDTH;rcLargePoint.top = rcLargePoint.bottom - LARGE_POINT_WIDTH;rcLargePoint.left = rcLargePoint.right - LARGE_POINT_WIDTH;__DrawGrip4Point(hDC, rcLargePoint, SMALL_POINT_WIDTH);rcLargePoint.OffsetRect(0, -LARGE_POINT_OFFSET);__DrawGrip4Point(hDC, rcLargePoint, SMALL_POINT_WIDTH);rcLargePoint.OffsetRect(0, -LARGE_POINT_OFFSET);__DrawGrip4Point(hDC, rcLargePoint, SMALL_POINT_WIDTH);rcLargePoint.OffsetRect(-LARGE_POINT_OFFSET, LARGE_POINT_OFFSET);__DrawGrip4Point(hDC, rcLargePoint, SMALL_POINT_WIDTH);rcLargePoint.OffsetRect(0, LARGE_POINT_OFFSET);__DrawGrip4Point(hDC, rcLargePoint, SMALL_POINT_WIDTH);rcLargePoint.OffsetRect(-LARGE_POINT_OFFSET, 0);__DrawGrip4Point(hDC, rcLargePoint, SMALL_POINT_WIDTH);}void __DrawGrip4Point(HDC hDC, CRect rcPoint, int nPointWidth){// 4个点，每个点的大小为nPointWidthCRect rcItem = rcPoint;rcItem.left = rcItem.right - nPointWidth;rcItem.top = rcItem.bottom - nPointWidth;HBRUSH hBrush = (HBRUSH)GetStockObject(DKGRAY_BRUSH);FillRect(hDC, &rcItem, hBrush);rcItem.OffsetRect(0, -nPointWidth);hBrush = (HBRUSH)GetStockObject(GRAY_BRUSH);FillRect(hDC, &rcItem, hBrush);rcItem.OffsetRect(-nPointWidth, 0);hBrush = (HBRUSH)GetStockObject(WHITE_BRUSH);FillRect(hDC, &rcItem, hBrush);rcItem.OffsetRect(0, nPointWidth);hBrush = (HBRUSH)GetStockObject(GRAY_BRUSH);FillRect(hDC, &rcItem, hBrush);}

 

再看gdi+的

/*@ Function: _DrawSizeGrip@ brief: 自绘用于调整大小的“粒状”(grippie)@ parameter : hDC@ parameter : rcClient,会在rcClient的右5下脚画，可以是窗口的GetClientRect@ return: @ remark: @ Date: 2009/9/7 22:01:57 debehe@*/void _DrawSizeGrip(Graphics* pGraphisc, CRect rcClient){// 一个大点由四个小点组成// 小的宽const int SMALL_POINT_WIDTH = 1;// 大点的宽const int LARGE_POINT_WIDTH = 2;const int LARGE_POINT_OFFSET= 3;CRect rcLargePoint = rcClient;rcLargePoint.right -= LARGE_POINT_WIDTH;rcLargePoint.bottom -= LARGE_POINT_WIDTH;rcLargePoint.top = rcLargePoint.bottom - LARGE_POINT_WIDTH;rcLargePoint.left = rcLargePoint.right - LARGE_POINT_WIDTH;__DrawGrip4Point(pGraphisc, rcLargePoint, SMALL_POINT_WIDTH);rcLargePoint.OffsetRect(0, -LARGE_POINT_OFFSET);__DrawGrip4Point(pGraphisc, rcLargePoint, SMALL_POINT_WIDTH);rcLargePoint.OffsetRect(0, -LARGE_POINT_OFFSET);__DrawGrip4Point(pGraphisc, rcLargePoint, SMALL_POINT_WIDTH);rcLargePoint.OffsetRect(-LARGE_POINT_OFFSET, LARGE_POINT_OFFSET);__DrawGrip4Point(pGraphisc, rcLargePoint, SMALL_POINT_WIDTH);rcLargePoint.OffsetRect(0, LARGE_POINT_OFFSET);__DrawGrip4Point(pGraphisc, rcLargePoint, SMALL_POINT_WIDTH);rcLargePoint.OffsetRect(-LARGE_POINT_OFFSET, 0);__DrawGrip4Point(pGraphisc, rcLargePoint, SMALL_POINT_WIDTH);}void __DrawGrip4Point(Graphics* pGraphisc, CRect rcPoint, int nPointWidth){// 4个点，每个点的大小为nPointWidthSolidBrush penDkGray(Color(0xFE, 0xA9, 0xA9, 0xA9));SolidBrush penGray(Color(0xFE, 0x80, 0x80, 0x80));SolidBrush penWhite(Color(0xFE, 0xFF, 0xFF, 0xFF));CRect rcItem = rcPoint;rcItem.left = rcItem.right - nPointWidth;rcItem.top = rcItem.bottom - nPointWidth;pGraphisc->FillRectangle(&penDkGray, rcItem.left, rcItem.top, rcItem.Width(), rcItem.Height());rcItem.OffsetRect(0, -nPointWidth);pGraphisc->FillRectangle(&penGray, rcItem.left, rcItem.top, rcItem.Width(), rcItem.Height());rcItem.OffsetRect(-nPointWidth, 0);pGraphisc->FillRectangle(&penWhite, rcItem.left, rcItem.top, rcItem.Width(), rcItem.Height());rcItem.OffsetRect(0, nPointWidth);pGraphisc->FillRectangle(&penGray, rcItem.left, rcItem.top, rcItem.Width(), rcItem.Height());}

 

-- theEnd --