工控编程吧

标题: 51上位机VC MFC实现自绘的图文按钮 [打印本页]

---

作者: qq263946146    时间: 2015-12-5 22:13
标题: 51上位机VC MFC实现自绘的图文按钮

(, 下载次数: 2)

上传

点击文件名下载附件

51上位机VC MFC实现自绘的图文按钮

功能展示

按钮是我们程序中极为常用的控件，自绘是我们美化控件常用的方法，图文并茂的按钮MFC并不自带，得我们自行完成，我们当前例程用自绘方法实现了图文并茂的功能，效果如图

要点提示

在MFC中实现控件的自绘可以通过控件的DrawItem函数来实现：virtual void DrawItem( LPDRAWITEMSTRUCT lpDrawItemStruct );当控件带有属性BS_OWNERDRAW时，应用程序就会自动调用DrawItem函数，实现我们按钮的自绘； BS_OWNERDRAW风格可以在对话框资源中对控件进行设置，也可以在自己派生的控件类中添加一个函数PreSubclassWindow()再函数内部调用ModifyStyle(0,BS_OWNERDRAW)实现属性的设置；

LPDRAWITEMSTRUCT带有系统返回的一些自信供我们使用，其结构成员有CtlType表示控件类型 值可以为ODT_BUTTON ODT_COMBOBOX ODT_LISTBOXODT_LISTVIEW ODT_MENU ODT_STATIC ODT_TAB; CtlID表示控件的ID;itemID表示菜单项ID或列表框，组合框 中的项目索引；ItemAction表示绘制的动作，可选值为ODA_DRAWENTIRE 整个旁若无人要被绘制时设置该标识；ODA_FOCUS控件获得或失去焦点时设置该标识； ODA_SELECT控件 处于选中状态时设置该标识；

itemState 表示需要绘画的状态，可选值如下ODS_CHECKED The menu item is to bechecked. This bit is used only in a menu. ODS_COMBOBOXEDIT The drawing takesplace in the selection field (edit control) of an owner-drawn combo box.ODS_DEFAULT The item is the default item. ODS_DISABLED The item is to be drawnas disabled. ODS_FOCUS The item has the keyboard focus. ODS_GRAYED The item isto be grayed. This bit is used only in a menu. ODS_SELECTED The menu item‘sstatus is selected.； hwndItem 表示控件的句柄； hDC  表示控件的DC; rcItem 表示控件的矩形区域； itemData 控件的附加信息；

实现功能

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

2.从Cbutton派生一个自已的类CImageBtn；并添加三个变量private:CImageList*m_pImagelist;  //图像列表指针 int        m_nImageIndex; //图标索引BOOL        m_bIsPressed; //按钮是否被按下；构造函数中初始化m_bIsPressed = FALSE;

3.添加另两个变量的设置函数

1. void CImageBtn::SetImageIndex(UINT index)
   
2. {
   
3.         m_nImageIndex = index;
   
4. }
   
5. 
   
6. void CImageBtn::SetImageList(CImageList *pImage)
   
7. {
   
8.         m_pImagelist = pImage;
   
9. }
   

复制代码

3.添加与处理鼠标按下，放开，移动及控件子类化消息消息

1. 
   
2. void CImageBtn::OnLButtonDown(UINT nFlags, CPoint point)
   
3. {
   
4.         m_bIsPressed = TRUE;
   
5.         CButton::OnLButtonDown(nFlags, point);
   
6. }
   
7. void CImageBtn::OnLButtonUp(UINT nFlags, CPoint point)
   
8. {
   
9.         m_bIsPressed = FALSE;
   
10.         CButton::OnLButtonUp(nFlags, point);
    
11. }
    
12. void CImageBtn::OnMouseMove(UINT nFlags, CPoint point)
    
13. {
    
14.         CRect rect;
    
15.         GetClientRect(rect);
    
16.         if (!rect.PtInRect(point)) //判断当前鼠标点是否在按钮区域内
    
17.         {
    
18.                 if (m_bIsPressed) //如果鼠标不在按钮的区域内,并且按钮处于按下状态,将按钮设置为正常状态
    
19.                         m_bIsPressed = FALSE;
    
20.         }
    
21.         CButton::OnMouseMove(nFlags, point);
    
22. }
    
23. void CImageBtn::PreSubclassWindow()
    
24. {
    
25.         ModifyStyle(0,BS_OWNERDRAW);
    
26.         CButton::PreSubclassWindow();
    
27. }
    

复制代码

4.添加自绘函数DrawItem

1. void CImageBtn::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)
   
2. {
   
3.         CDC dc ;
   
4.         dc.Attach(lpDrawItemStruct->hDC);        
   
5.         if (m_pImagelist)
   
6.         {
   
7.                 UINT state = lpDrawItemStruct->itemState; //获取状态
   
8.                 UINT action = lpDrawItemStruct->itemAction;
   
9.                 //获取图像列中图像大小
   
10.                 IMAGEINFO imageinfo;
    
11.                 m_pImagelist->GetImageInfo(m_nImageIndex,&imageinfo);
    
12.                 CSize imagesize;
    
13.                 imagesize.cx = imageinfo.rcImage.right-imageinfo.rcImage.left;
    
14.                 imagesize.cy = imageinfo.rcImage.bottom - imageinfo.rcImage.top;
    
15.                 //在按钮垂直方向居中显示位图
    
16.                 CRect rect;
    
17.                 GetClientRect(rect);
    
18.                 CPoint point;
    
19.                 point.x = 5;
    
20.                 point.y = (rect.Height() - imagesize.cy)/2;
    
21.                 m_pImagelist->Draw(&dc,m_nImageIndex,point,ILD_NORMAL|ILD_TRANSPARENT);
    
22.                 //按钮被选中或者获得焦点时
    
23.                 if ((state&ODS_SELECTED)||(state&ODS_FOCUS))
    
24.                 {               
    
25.                         CRect focusRect (rect); //焦点矩形
    
26.                         focusRect.DeflateRect(4,4,4,4);
    
27.                         CPen pen(PS_DASHDOTDOT,1,RGB(0,0,0));
    
28.                         CBrush brush;
    
29.                         brush.CreateStockObject(NULL_BRUSH);
    
30.                         dc.SelectObject(&brush);
    
31.                         dc.SelectObject(&pen);
    
32.                         //绘制焦点矩形
    
33.                         dc.DrawFocusRect(focusRect);
    
34.                         //绘制立体效果
    
35.                         dc.DrawEdge(rect,BDR_RAISEDINNER|BDR_RAISEDOUTER,BF_BOTTOMLEFT|BF_TOPRIGHT);                        
    
36.                         //获得焦点时绘制黑色边框
    
37.                         dc.Draw3dRect(rect,RGB(51,51,51),RGB(0,0,0));
    
38.                 }
    
39.                 else  //默认情况下
    
40.                 {
    

复制代码

1.         
   
2.                         CRect focusRect (rect);
   
3.                         focusRect.DeflateRect(4,4,4,4);               
   
4.                         CPen pen(PS_DOT,1,RGB(192,192,192));
   
5.                         CBrush brush;
   
6.                         brush.CreateStockObject(NULL_BRUSH);
   
7.                         dc.SelectObject(&brush);
   
8.                         dc.SelectObject(&pen);
   
9.                         dc.Rectangle(focusRect);                        
   
10.                         dc.DrawEdge(rect,BDR_RAISEDINNER|BDR_RAISEDOUTER,BF_BOTTOMLEFT|BF_TOPRIGHT);        
    
11.                 }
    
12.                 if (m_bIsPressed) //在按钮被按下时绘制按下效果
    
13.                 {
    
14. 
    
15.                         CRect focusRect1(rect);
    
16.                         focusRect1.DeflateRect(4,4,4,4);
    
17.                         dc.DrawFocusRect(focusRect1);                        
    
18.                         dc.DrawEdge(rect,BDR_SUNKENINNER |BDR_SUNKENOUTER ,BF_BOTTOMLEFT|BF_TOPRIGHT);
    
19. 
    
20.                         dc.Draw3dRect(rect,RGB(51,51,51),RGB(0,0,0));        
    
21.                         //dc.DrawFocusRect(focusRect1);
    
22.                 }
    
23.                 //绘制按钮文
    
24.                 CString text;
    
25.                 GetWindowText(text);
    
26.                 rect.DeflateRect(point.x+imagesize.cx+2,0,0,0);
    
27.                 dc.SetBkMode(TRANSPARENT);
    
28.                 dc.DrawText(text,rect,DT_LEFT|DT_SINGLELINE|DT_VCENTER);
    
29.         }
    
30. }
    

复制代码

5.在主对话框中添加一个CImageList m_images;和几个按钮关联CImageBtn变量，并初始化设置  m_images.Create(24,24,ILC_COLOR24|ILC_MASK,1,0);

  m_images.Add(AfxGetApp()->LoadIcon(IDI_ICON1));

  m_images.Add(AfxGetApp()->LoadIcon(IDI_ICON2));

  m_images.Add(AfxGetApp()->LoadIcon(IDI_ICON3));

  m_images.Add(AfxGetApp()->LoadIcon(IDI_ICON4));

  m_Btn.SetImageList(&m_images);

  m_Btn2.SetImageList(&m_images);

  m_Btn3.SetImageList(&m_images);

  m_Btn4.SetImageList(&m_images);

  //设置按钮显示的图像索引

  m_Btn.SetImageIndex(0);

  m_Btn2.SetImageIndex(1);

  m_Btn3.SetImageIndex(2);

  m_Btn4.SetImageIndex(3);

我们来演示下功能实现过程

[iqiyi]http://player.video.qiyi.com/f1a1a12c1104fbd1acfd84d8d72b4bb3/0/0/w_19rt6ewdqd.swf-albumId=4979762409-tvId=4979762409-isPurchase=0-cnId=12[/iqiyi]

(, 下载次数: 0)

上传

点击文件名下载附件

[note]1[/note]

---

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

Powered by Discuz! X3.4