自繪用於調整大小的“粒狀”(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個點，每個點的大小爲nPointWidth CRect 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個點，每個點的大小爲nPointWidth SolidBrush 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 --