工控编程吧

标题: 上位机VC MFC通过自绘实现三角形按钮 [打印本页]

---

作者: qq263946146    时间: 2017-11-14 18:54
标题: 上位机VC MFC通过自绘实现三角形按钮
上位机VC MFC通过自绘实现三角形按钮
(, 下载次数: 4)

上传

点击文件名下载附件

(, 下载次数: 1)

上传

点击文件名下载附件

[weixinlianxi]1[/weixinlianxi]

[iqiyi]http://player.video.qiyi.com/6c5f976863fbb2e40549458532792a41/0/0/w_19ruy7hrrh.swf-albumId=9914946209-tvId=9914946209-isPurchase=0-cnId=12[/iqiyi]
例程通过自绘实现三角形按钮，效果如图，程序运行会启动一定时器不停地设置按钮方向，可以通过复选按钮设备，另外按钮的文本与使能状态也可以实现修改；

主要也是通过自绘的形式实现三角形按钮效果。要通过重载函数PreSubclassWindow设置按钮类属性为自绘属性ModifyStyle(0, BS_OWNERDRAW);

另外为使按钮重绘时不致于难看，自己写了个窗口位置设备的函数SetWindowPos，保证按钮的窗口大小为2的倍数

1.新建基于对话框的应用程序

2.从Cbutton派生自己的类CTriangleBtn，添加自己的成员变量与函数

public:

  enumPOINTDIRECTION {POINT_UP, POINT_DOWN, POINT_LEFT, POINT_RIGHT};

  POINTDIRECTIONGetDirection(){return PointDirection;}

    voidSetDirection(POINTDIRECTION Direction){ PointDirection = DirectionreSubclassWindow();}

  BOOLSetWindowPos(const CWnd* pWndInsertAfter, int x, int y, int cx, int cy, UINTnFlags );

protected:

  POINTDIRECTIONPointDirection;

  CRgnCurrentRegion;

3.重载DrawItem，PreSubclassWindow实现自绘，

1. void CTriangleBtn::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)
   
2. {
   
3.         ASSERT(lpDrawItemStruct != NULL);
   
4.         CRect rect = lpDrawItemStruct->rcItem;
   
5.         CDC* pDC   = CDC::FromHandle(lpDrawItemStruct->hDC);
   
6.         UINT state = lpDrawItemStruct->itemState;
   
7.         UINT nStyle = GetStyle();
   
8. 
   
9.         int nSavedDC = pDC->SaveDC();
   
10. 
    
11.         //make the rect a square
    
12.         rect.bottom = rect.right = min(rect.bottom, rect.right);
    
13.         pDC->FillSolidRect(rect, ::GetSysColor(COLOR_BTNFACE));
    
14.         
    
15.         rect.right -= 1; rect.bottom -= 1;        //avoid drawing outside area
    
16. 
    
17.         //make some pens
    
18.         CPen HighlightPen(PS_SOLID, 1, ::GetSysColor(COLOR_3DHIGHLIGHT));
    
19.         CPen DarkShadowPen(PS_SOLID, 1, ::GetSysColor(COLOR_3DDKSHADOW));
    
20.         CPen ShadowPen(PS_SOLID, 1, ::GetSysColor(COLOR_3DSHADOW));
    
21.         CPen BlackPen(PS_SOLID, 1, RGB(0,0,0));
    
22.         //NOTE: If U use this class for NT apps only, use the implementation of FocusPen below
    
23.         //                        instead, as WIN95 doesn't support this yet (though the doc says **dang ms-fools**)
    
24.         //                        (WIN98 might also support this)
    
25.         //LOGBRUSH logbrush; logbrush.lbStyle = BS_SOLID; logbrush.lbColor = RGB(0,0,0); logbrush.lbHatch = NULL;
    
26.         //CPen FocusPen(PS_COSMETIC | PS_ALTERNATE, 1, &logbrush);
    
27.         CPen FocusPen(PS_DOT, 0, RGB(0,0,0));
    
28.          
    
29. 
    
30.         //Draw button
    
31.         switch (PointDirection) {
    
32.                 case POINT_UP : {
    
33.                         //Draw the raised/sunken edges of the button (unless flat)
    
34.                         if (nStyle & BS_FLAT) {                                        //style is flat
    
35.                                 pDC->SelectObject(BlackPen);
    
36.                                 pDC->MoveTo(rect.right / 2, 0);
    
37.                                 pDC->LineTo(0, rect.bottom);
    
38.                                 pDC->LineTo(rect.right, rect.bottom);
    
39.                                 pDC->LineTo(rect.right / 2, 0);
    
40.                                 pDC->SelectObject(HighlightPen);
    
41.                                 pDC->MoveTo(rect.right / 2, 2);
    
42.                                 pDC->LineTo(2, rect.bottom - 1);
    
43.                                 pDC->LineTo(rect.right - 2, rect.bottom - 1);
    
44.                                 pDC->LineTo(rect.right / 2, 2);
    
45.                         }        else {                                                                                                //style not flat
    
46.                                 if ((state & ODS_SELECTED))        {        //Button is down        
    
47.                                         pDC->SelectObject(HighlightPen);
    
48.                                         pDC->MoveTo(0, rect.bottom);
    
49.                                         pDC->LineTo(rect.right - 1, rect.bottom);
    
50.                                         pDC->LineTo(rect.right / 2, 0);
    
51. 
    
52.                                         pDC->SelectObject(ShadowPen);
    
53.                                         pDC->LineTo(0, rect.bottom);                        
    
54.                                        
    
55.                                         pDC->SelectObject(DarkShadowPen);
    
56.                                         pDC->MoveTo(rect.right / 2 - 1, 4);
    
57.                                         pDC->LineTo(1, rect.bottom);
    
58.                                 } else {                                                                                        //Button is not down
    
59.                                         pDC->SelectObject(HighlightPen);
    
60.                                         pDC->MoveTo(rect.right /2, 0);
    
61.                                         pDC->LineTo(0, rect.bottom - 1);
    
62.                                        
    
63.                                         pDC->SelectObject(ShadowPen);
    
64.                                         pDC->LineTo(rect.right - 1, rect.bottom - 1);
    
65.                                         pDC->LineTo(rect.right / 2, 0);
    
66. 
    
67.                                         pDC->SelectObject(DarkShadowPen);
    
68.                                         pDC->MoveTo(rect.right / 2 + 2, 3);
    
69.                                         pDC->LineTo(rect.right + 1, rect.bottom + 1);
    
70.                                        
    
71.                                         pDC->MoveTo(rect.right - 1, rect.bottom);
    
72.                                         pDC->LineTo(1, rect.bottom);
    
73.                                 }//else|if
    
74.                         }//else|if        
    
75.                         break;
    
76.                 }//case
    
77.         
    
78.                 case POINT_DOWN : {
    
79.                         //Draw the raised/sunken edges of the button (unless flat)
    
80.                         if (nStyle & BS_FLAT) {                                        //style is flat
    
81.                                 pDC->SelectObject(BlackPen);
    
82.                                 pDC->MoveTo(rect.right / 2, rect.bottom);
    
83.                                 pDC->LineTo(0, 0);
    
84.                                 pDC->LineTo(rect.right, 0);
    
85.                                 pDC->LineTo(rect.right / 2, rect.bottom);
    
86.                                 
    
87.                                 pDC->SelectObject(HighlightPen);
    
88.                                 pDC->MoveTo(rect.right / 2, rect.bottom - 2);
    
89.                                 pDC->LineTo(2, 1);
    
90.                                 pDC->LineTo(rect.right - 2, 1);
    
91.                                 pDC->LineTo(rect.right / 2, rect.bottom - 2);
    
92.                         }        else {                                                                                                //style not flat
    
93.                                 if ((state & ODS_SELECTED))        {        //Button is down        
    
94.                                         pDC->SelectObject(ShadowPen);
    
95.                                         pDC->MoveTo(rect.right, 1);
    
96.                                         pDC->LineTo(1, 1);
    
97.                                         pDC->LineTo(rect.right / 2, rect.bottom - 1);
    
98.                                        
    
99.                                         pDC->SelectObject(BlackPen);
    
100.                                         pDC->MoveTo(rect.right - 2, 2);
     
101.                                         pDC->LineTo(1, 2);
     
102.                                        
     
103.                                         pDC->SelectObject(HighlightPen);
     
104.                                         pDC->MoveTo(rect.right + 1, 0);
     
105.                                         pDC->LineTo(rect.right / 2 + 1, rect.bottom + 1);
     
106. 
     
107.                                 } else {                                                                                        //Button is not down
     
108.                                         pDC->SelectObject(ShadowPen);
     
109.                                         pDC->MoveTo(0, 0);
     
110.                                         pDC->LineTo(rect.right / 2, rect.bottom);
     
111.                                         pDC->LineTo(rect.right, 0);
     
112.                                         pDC->MoveTo(1, 1);
     
113.                                         pDC->LineTo(rect.right / 2 + 1, rect.bottom);
     
114.                                        
     
115.                                         pDC->SelectObject(DarkShadowPen);
     
116.                                         pDC->MoveTo(rect.right, 2);
     
117.                                         pDC->LineTo(rect.right / 2 + 1, rect.bottom + 1);
     
118.                                        
     
119.                                         pDC->SelectObject(HighlightPen);
     
120.                                         pDC->MoveTo(0, 0);
     
121.                                         pDC->LineTo(rect.right, 0);
     
122.                                 
     
123.                                 }
     
124.                         }//else|if
     
125.                         break;
     
126.                 }//case
     
127. 
     
128.                 case POINT_LEFT : {
     
129.                         if (nStyle & BS_FLAT) {                                        //style is flat
     
130.                                 pDC->SelectObject(BlackPen);
     
131.                                 pDC->MoveTo(rect.right, 0);
     
132.                                 pDC->LineTo(0, rect.bottom / 2);
     
133.                                 pDC->LineTo(rect.right, rect.bottom);
     
134.                                 pDC->LineTo(rect.right, 0);
     
135.                                 
     
136.                                 pDC->SelectObject(HighlightPen);
     
137.                                 pDC->MoveTo(rect.right - 1, 2);
     
138.                                 pDC->LineTo(3, rect.bottom / 2);
     
139.                                 pDC->LineTo(rect.right - 1, rect.bottom - 2);
     
140.                                 pDC->LineTo(rect.right - 1, 2);
     
141.                         }        else {                                                                                                //style not flat
     
142.                                 if ((state & ODS_SELECTED))        {        //Button is down        
     
143.                                         pDC->SelectObject(ShadowPen);
     
144.                                         pDC->MoveTo(rect.right, 0);
     
145.                                         pDC->LineTo(0, rect.bottom / 2);
     
146. 
     
147.                                         pDC->SelectObject(DarkShadowPen);
     
148.                                         pDC->MoveTo(rect.right, 1);
     
149.                                         pDC->LineTo(2, rect.bottom / 2);
     
150.                                        
     
151.                                         pDC->SelectObject(HighlightPen);
     
152.                                         pDC->MoveTo(rect.right, 0);
     
153.                                         pDC->LineTo(rect.right, rect.bottom);
     
154.                                         pDC->LineTo(0, rect.bottom / 2);
     
155.                                 } else {                                                                                        //Button is not down
     
156.                                         pDC->SelectObject(ShadowPen);
     
157.                                         pDC->MoveTo(rect.right - 1, 0);
     
158.                                         pDC->LineTo(rect.right - 1, rect.bottom - 1);
     
159.                                         pDC->LineTo(0, rect.bottom / 2);
     
160.                                         pDC->MoveTo(1, rect.bottom / 2 + 1);
     
161.                                         pDC->LineTo(6, rect.bottom / 2 + 4);
     
162. 
     
163.                                         pDC->SelectObject(DarkShadowPen);
     
164.                                         pDC->MoveTo(rect.right, 1);
     
165.                                         pDC->LineTo(rect.right, rect.bottom);
     
166.                                         pDC->LineTo(2, rect.bottom / 2 + 2);
     
167.                                        
     
168.                                         pDC->SelectObject(HighlightPen);
     
169.                                         pDC->MoveTo(0, rect.bottom / 2);
     
170.                                         pDC->LineTo(rect.right, 0);
     
171.                                 }
     
172.                         }//else|if
     
173.                         break;
     
174.                 }//case
     
175. 
     
176.                 case POINT_RIGHT : {
     
177.                         if (nStyle & BS_FLAT) {                                        //style is flat
     
178.                                 pDC->SelectObject(BlackPen);
     
179.                                 pDC->MoveTo(0, 0);
     
180.                                 pDC->LineTo(rect.right, rect.bottom / 2);
     
181.                                 pDC->LineTo(0, rect.bottom);
     
182.                                 pDC->LineTo(0, 0);
     
183.                                 
     
184.                                 pDC->SelectObject(HighlightPen);
     
185.                                 pDC->MoveTo(1, 2);
     
186.                                 pDC->LineTo(rect.right - 2, rect.bottom / 2);
     
187.                                 pDC->LineTo(1, rect.bottom - 2);
     
188.                                 pDC->LineTo(1, 2);
     
189.                         }        else {                                                                                                //style not flat
     
190.                                 if ((state & ODS_SELECTED))        {        //Button is down        
     
191.                                         pDC->SelectObject(ShadowPen);
     
192.                                         pDC->MoveTo(0, rect.bottom);
     
193.                                         pDC->LineTo(0, 0);
     
194.                                         pDC->LineTo(rect.right, rect.bottom / 2);
     
195. 
     
196.                                         pDC->SelectObject(DarkShadowPen);
     
197.                                         pDC->MoveTo(1, rect.bottom - 2);
     
198.                                         pDC->LineTo(1, 1);
     
199.                                         pDC->MoveTo(rect.right - 3, rect.bottom / 2);
     
200.                                         pDC->LineTo(0, 1);
     
201.                                        
     
202.                                         pDC->SelectObject(HighlightPen);
     
203.                                         pDC->MoveTo(0, rect.bottom);
     
204.                                         pDC->LineTo(rect.right, rect.bottom / 2);
     
205.                                        
     
206.                                 } else {                                                                                        //Button is not down
     
207.                                         pDC->SelectObject(ShadowPen);
     
208.                                         pDC->MoveTo(0, rect.bottom);
     
209.                                         pDC->LineTo(rect.right, rect.bottom / 2);
     
210. 
     
211.                                         pDC->SelectObject(DarkShadowPen);
     
212.                                         pDC->MoveTo(0, rect.bottom + 1);
     
213.                                         pDC->LineTo(rect.right, rect.bottom / 2 + 1);
     
214.                                        
     
215.                                         pDC->SelectObject(HighlightPen);
     
216.                                         pDC->MoveTo(0, rect.bottom);
     
217.                                         pDC->LineTo(0, 0);
     
218.                                         pDC->LineTo(rect.right, rect.bottom / 2);
     
219.                                 }
     
220.                         }//else|if
     
221. 
     
222.                         break;
     
223.                 }//case
     
224. 
     
225.                 default :
     
226.                         ASSERT(FALSE);
     
227.         }//switch
     
228. 
     
229. 
     
230.         //Draw text        if any
     
231.         CString strText;
     
232.         GetWindowText(strText);
     
233.         if (!strText.IsEmpty()) {
     
234.                 CSize TextExtent = pDC->GetTextExtent(strText);
     
235.                 CPoint TextPos;
     
236.                 pDC->SetBkMode(TRANSPARENT);
     
237. 
     
238.                 switch (PointDirection) {
     
239.                         case POINT_UP : {
     
240.                                 TextPos = CPoint((int)(rect.right / 2.0 - TextExtent.cx / 2.0),
     
241.                                                                                          rect.bottom - (int)(rect.bottom / 5.0 + TextExtent.cy));
     
242. 
     
243.                                 int iXLimit = (int)((rect.bottom / 5.0 + TextExtent.cy) * 4.0 / 7.0);
     
244. 
     
245.                                 CRgn rgn; rgn.CreateRectRgn(iXLimit, TextPos.y, rect.right - iXLimit, rect.bottom - 2);
     
246.                                 pDC->SelectClipRgn(&rgn);
     
247.                                 
     
248.                                 break;
     
249.                         }//case
     
250.                         case POINT_DOWN : {
     
251.                                 TextPos = CPoint((int)(rect.right / 2.0 - TextExtent.cx / 2.0),
     
252.                                                                                          (int)(rect.bottom / 5.0));
     
253. 
     
254.                                 int iXLimit = (int)((rect.bottom / 5.0 + TextExtent.cy) * 4.0 / 7.0);
     
255. 
     
256.                                 CRgn rgn; rgn.CreateRectRgn(iXLimit, (int)(rect.bottom / 5.0), rect.right - iXLimit, (int)(rect.bottom / 5.0) + TextExtent.cy + 2);
     
257.                                 pDC->SelectClipRgn(&rgn);
     
258.                                 
     
259.                                 break;
     
260.                         }
     
261.                         
     
262.                         case POINT_LEFT : {
     
263.                                 TextPos = CPoint((int)((rect.right / 2.0 - TextExtent.cx / 2.0) + (rect.right / 8.0)),
     
264.                                                                                            (int)(rect.bottom / 2.0 - TextExtent.cy / 2.0) );
     
265. 
     
266.                                 int iXLimitLeft = (int)(TextExtent.cy / 2.0 * 7.0 / 4.0) + 4;
     
267.                                 int iXLimitRight = rect.right - 4;
     
268.                         
     
269.                                 CRgn rgn; rgn.CreateRectRgn(iXLimitLeft, (int)(rect.bottom / 2.0 - TextExtent.cy / 2.0),
     
270.                                                                                                                                                 iXLimitRight, (int)(rect.bottom / 2.0 + TextExtent.cy / 2.0) );
     
271.                                 pDC->SelectClipRgn(&rgn);
     
272. 
     
273.                                 break;
     
274.                         }//case
     
275. 
     
276.                         case POINT_RIGHT : {
     
277.                                 TextPos = CPoint((int)((rect.right / 2.0 - TextExtent.cx / 2.0) - (rect.right / 8.0)),
     
278.                                                                                            (int)(rect.bottom / 2.0 - TextExtent.cy / 2.0) );
     
279. 
     
280.                                 int iXLimitLeft = 4;
     
281.                                 int iXLimitRight = rect.right - (int)(TextExtent.cy / 2.0 * 7.0 / 4.0) - 4;
     
282.                                        
     
283.                                 CRgn rgn; rgn.CreateRectRgn(iXLimitLeft, (int)(rect.bottom / 2.0 - TextExtent.cy / 2.0),
     
284.                                                                                                                                                 iXLimitRight, (int)(rect.bottom / 2.0 + TextExtent.cy / 2.0) );
     
285.                                 pDC->SelectClipRgn(&rgn);
     
286. 
     
287.                                 break;
     
288.                         }//case
     
289. 
     
290.                         default :
     
291.                                 ASSERT(FALSE);
     
292.                 }//switch
     
293. 
     
294.                 //common for all directions
     
295.                 if (state & ODS_SELECTED) TextPos.Offset(1,1);
     
296. 
     
297.                 if (state & ODS_DISABLED) {
     
298.                         pDC->DrawState(TextPos, TextExtent, strText, DSS_DISABLED, TRUE, 0, (HBRUSH)NULL);
     
299.                 } else {
     
300.                         pDC->TextOut(TextPos.x, TextPos.y, strText);
     
301.                 }
     
302. 
     
303.         }//if                        
     
304. 
     
305. 
     
306.         //Draw the focus triangle on the inside of the button if we have focus
     
307.         if ((state & ODS_FOCUS)) {
     
308.                 CRgn rgn; rgn.CreateRectRgn(rect.left, rect.top, rect.right, rect.bottom);
     
309.                 pDC->SelectClipRgn(&rgn);
     
310.                 pDC->SelectObject(FocusPen);
     
311.                 switch (PointDirection) {
     
312.                         case POINT_UP : {
     
313.                                 pDC->MoveTo(rect.right / 2, 12);
     
314.                                 pDC->LineTo(9, rect.bottom - 6);
     
315.                                 pDC->LineTo(rect.right - 9, rect.bottom - 6);
     
316.                                 pDC->LineTo(rect.right / 2, 12);
     
317.                                 break;
     
318.                         }
     
319.                         case POINT_DOWN : {
     
320.                                 pDC->MoveTo(rect.right / 2 + 1, rect.bottom - 13);
     
321.                                 pDC->LineTo(10, 6);
     
322.                                 pDC->LineTo(rect.right - 9, 6);
     
323.                                 pDC->LineTo(rect.right / 2 + 1, rect.bottom - 13);
     
324.                                 break;
     
325.                         }
     
326.                         case POINT_LEFT : {
     
327.                                 pDC->MoveTo(12, rect.bottom / 2);
     
328.                                 pDC->LineTo(rect.right - 6, 9);
     
329.                                 pDC->LineTo(rect.right - 6, rect.bottom - 9);
     
330.                                 pDC->LineTo(12, rect.bottom / 2);
     
331.                                 break;
     
332.                         }//case
     
333.                         case POINT_RIGHT : {
     
334.                                 pDC->MoveTo(6, 9);
     
335.                                 pDC->LineTo(rect.right - 12, rect.bottom / 2);
     
336.                                 pDC->LineTo(6, rect.bottom - 9);
     
337.                                 pDC->LineTo(6, 9);
     
338.                                 break;
     
339.                         }//case
     
340. 
     
341.                         default :
     
342.                                 ASSERT(FALSE);
     
343.                 }//switch
     
344.         }//if
     
345. 
     
346.         pDC->RestoreDC(nSavedDC);
     
347. 
     
348. }
     
349. 
     
350. void CTriangleBtn::PreSubclassWindow()
     
351. {
     
352.         CButton::PreSubclassWindow();
     
353. 
     
354.         //get client rectangle
     
355.         CRect rect;
     
356.         GetClientRect(rect);
     
357.         rect.bottom = rect.right = min(rect.bottom,rect.right);        //make it square
     
358.         rect.bottom -= rect.bottom % 2; rect.right -= rect.right % 2;
     
359. 
     
360.         SetWindowPos(NULL, 0, 0, rect.right, rect.bottom, SWP_NOMOVE | SWP_NOZORDER);
     
361. 
     
362.         CPoint Head, RightLeg, LeftLeg;
     
363. 
     
364.         switch (PointDirection) {
     
365.                 case POINT_UP :
     
366.                         Head.x = rect.right / 2; Head.y = 0;
     
367.                         RightLeg.x = rect.right; RightLeg.y = rect.bottom;
     
368.                         LeftLeg.x = 0; LeftLeg.y = rect.bottom;
     
369.                         break;
     
370.                 case POINT_DOWN :
     
371.                         Head.x = rect.right / 2; Head.y = rect.bottom;
     
372.                         RightLeg.x = 0; RightLeg.y = 0;
     
373.                         LeftLeg.x = rect.right; LeftLeg.y = 0;
     
374.                         break;
     
375.                 case POINT_LEFT :
     
376.                         Head.x = 0; Head.y = rect.bottom / 2;
     
377.                         RightLeg.x = rect.right; RightLeg.y = 0;
     
378.                         LeftLeg.x = rect.right; LeftLeg.y = rect.bottom;
     
379.                         break;
     
380.                 case POINT_RIGHT :
     
381.                         Head.x = rect.right; Head.y = rect.bottom / 2;
     
382.                         RightLeg.x = 0; RightLeg.y = rect.bottom;
     
383.                         LeftLeg.x = 0; LeftLeg.y = 0;
     
384.                         break;
     
385.                 default :
     
386.                         ASSERT(FALSE);
     
387.         }//switch
     
388.                                                         
     
389.         CPoint points[3];
     
390.         points[0] = Head; points[1] = RightLeg; points[2] = LeftLeg;
     
391.         
     
392.         SetWindowRgn(NULL, FALSE);
     
393. 
     
394.         CurrentRegion.DeleteObject();
     
395.         CurrentRegion.CreatePolygonRgn(points, 3, ALTERNATE);
     
396. 
     
397.         SetWindowRgn(CurrentRegion, TRUE);
     
398.                
     
399.         ModifyStyle(0, BS_OWNERDRAW);
     
400. }

复制代码

4.类写好了就是如何使用，如例程界面添加控件，其中按钮控件全部关联CTriangleBtn的变量。依次双击单选框与复选框，添加点击函数便可

---

欢迎光临 工控编程吧 (https://www.gkbc8.com/)

Powered by Discuz! X3.4