windows程序设计（12）：绘制自己的控件

自绘按钮控件实现
最新推荐文章于 2017-10-09 17:00:20 发布
最新推荐文章于 2017-10-09 17:00:20 发布 · 131 阅读 · 0

本文介绍了一个使用自绘按钮控件实现窗口缩放功能的示例程序。通过WM_DRAWITEM消息处理绘制不同状态下的按钮，并响应WM_COMMAND消息来改变窗口大小。

上一小节中虽然也提到了绘制自己控件，但是由于时间紧迫，只是光有一个空壳子，里面并没有实际的内容，这次专门设计一个自己的控件。在这个程序中，设计了两个控件，一个显示4个指向朝外的三角形，点击它会使客户区变大；另一个里面有4个指向朝里的三角形，点击它是得客户区缩小。程序的关键点有两个：1是如何响应自己画的按钮的消息，2是如何画自己的按钮。

先看程序：

/*---------------------------------------------
   OWNDRAW.C -- Owner-Draw Button Demo Program
                (c) Charles Petzold, 1998
  ---------------------------------------------*/

#include <windows.h>

#define ID_SMALLER      1
#define ID_LARGER       2

#define BTN_WIDTH        (8 * cxChar)
#define BTN_HEIGHT       (4 * cyChar)

LRESULT CALLBACK WndProc (HWND, UINT, WPARAM, LPARAM) ;

HINSTANCE hInst ;

int WINAPI WinMain (HINSTANCE hInstance, HINSTANCE hPrevInstance,
                    PSTR szCmdLine, int iCmdShow)
{
     static TCHAR szAppName[] = TEXT ("OwnDraw") ;
     MSG          msg ;
     HWND         hwnd ;
     WNDCLASS     wndclass ;
     
     hInst = hInstance ;
     
     wndclass.style         = CS_HREDRAW | CS_VREDRAW ;
     wndclass.lpfnWndProc   = WndProc ;
     wndclass.cbClsExtra    = 0 ;
     wndclass.cbWndExtra    = 0 ;
     wndclass.hInstance     = hInstance ;
     wndclass.hIcon         = LoadIcon (NULL, IDI_APPLICATION) ;
     wndclass.hCursor       = LoadCursor (NULL, IDC_ARROW) ;
     wndclass.hbrBackground = (HBRUSH) GetStockObject (WHITE_BRUSH) ;
     wndclass.lpszMenuName  = szAppName ;
     wndclass.lpszClassName = szAppName ;
     
     if (!RegisterClass (&wndclass))
     {
          MessageBox (NULL, TEXT ("This program requires Windows NT!"),
                      szAppName, MB_ICONERROR) ;
          return 0 ;
     }
     
     hwnd = CreateWindow (szAppName, TEXT ("Owner-Draw Button Demo"),
                          WS_OVERLAPPEDWINDOW,
                          CW_USEDEFAULT, CW_USEDEFAULT,
                          CW_USEDEFAULT, CW_USEDEFAULT,
                          NULL, NULL, hInstance, NULL) ;
     
     ShowWindow (hwnd, iCmdShow) ;
     UpdateWindow (hwnd) ; 
     
     while (GetMessage (&msg, NULL, 0, 0))
     {
          TranslateMessage (&msg) ;
          DispatchMessage (&msg) ;
     }
     return msg.wParam ;
}

//画三角形函数，参数为：设备内容句柄，POINT类型的数组
void Triangle (HDC hdc, POINT pt[])
{
    //选择黑刷子
	SelectObject (hdc, GetStockObject (BLACK_BRUSH)) ;
	//画三角形
    Polygon (hdc, pt, 3) ;
	//
    SelectObject (hdc, GetStockObject (WHITE_BRUSH)) ;
}

LRESULT CALLBACK WndProc (HWND hwnd, UINT message, WPARAM wParam, LPARAM lParam)
{
     static HWND      hwndSmaller, hwndLarger ;
     static int       cxClient, cyClient, cxChar, cyChar ;
     int              cx, cy ;
     LPDRAWITEMSTRUCT pdis ;
     POINT            pt[3] ;
     RECT             rc ;
     
     switch (message)
     {
     case WM_CREATE :
		 //获得系统字体的宽度和高度
          cxChar = LOWORD (GetDialogBaseUnits ()) ;
          cyChar = HIWORD (GetDialogBaseUnits ()) ;
          
               // Create the owner-draw pushbuttons
          
          hwndSmaller = CreateWindow (TEXT ("button"), TEXT (""),
                                      WS_CHILD | WS_VISIBLE | BS_OWNERDRAW,
                                      0, 0, BTN_WIDTH, BTN_HEIGHT,
                                      hwnd, (HMENU) ID_SMALLER, hInst, NULL) ;
          
          hwndLarger  = CreateWindow (TEXT ("button"), TEXT (""),
                                      WS_CHILD | WS_VISIBLE | BS_OWNERDRAW,
                                      0, 0, BTN_WIDTH, BTN_HEIGHT,
                                      hwnd, (HMENU) ID_LARGER, hInst, NULL) ;
          return 0 ;
          
     case WM_SIZE :
          cxClient = LOWORD (lParam) ;
          cyClient = HIWORD (lParam) ;
          
          //将两个窗口移动到客户区的中心
          MoveWindow (hwndSmaller, cxClient / 2 - 3 * BTN_WIDTH  / 2,
                                   cyClient / 2 -     BTN_HEIGHT / 2,
                      BTN_WIDTH, BTN_HEIGHT, TRUE) ;
          
          MoveWindow (hwndLarger,  cxClient / 2 +     BTN_WIDTH  / 2,
                                   cyClient / 2 -     BTN_HEIGHT / 2,
                      BTN_WIDTH, BTN_HEIGHT, TRUE) ;
          return 0 ;
          
     case WM_COMMAND :
          GetWindowRect (hwnd, &rc) ;
          
          // 是得客户区放大或者缩小10%
          
          switch (wParam)
          {
          case ID_SMALLER :
               rc.left   += cxClient / 20 ;
               rc.right  -= cxClient / 20 ;
               rc.top    += cyClient / 20 ;
               rc.bottom -= cyClient / 20 ;
               break ;
               
          case ID_LARGER :
               rc.left   -= cxClient / 20 ;
               rc.right  += cxClient / 20 ;
               rc.top    -= cyClient / 20 ;
               rc.bottom += cyClient / 20 ;
               break ;
          }
         
          MoveWindow (hwnd, rc.left, rc.top, rc.right  - rc.left,
                            rc.bottom - rc.top, TRUE) ;
          return 0 ;
     //WM_DRAWITEM消息的lParam参数指向 DRAWITEMSTRUCT结构
	 //这个结构包含了自己绘制的控件的信息
     case WM_DRAWITEM :
		 //DRAWITEMSTRUCT中的hDC表明设备内容句柄
        // pdis = (LPDRAWITEMSTRUCT) lParam ;
		  pdis = (LPDRAWITEMSTRUCT) lParam ;
          
          
          //给白色矩形加上黑色边框
          FillRect (pdis->hDC, &pdis->rcItem,
                    (HBRUSH) GetStockObject (WHITE_BRUSH)) ;
          
          FrameRect (pdis->hDC, &pdis->rcItem,
                     (HBRUSH) GetStockObject (BLACK_BRUSH)) ;
          
          //画向内和向外的黑三角
          cx = pdis->rcItem.right  - pdis->rcItem.left ;
          cy = pdis->rcItem.bottom - pdis->rcItem.top  ;
         // DRAWITEMSTRUCT结构中CtlID表明窗口控件ID
          switch (pdis->CtlID)
          {
          case ID_SMALLER :
			  //需要定义3个点，然后调用画三角形函数画图
               pt[0].x = 3 * cx / 8 ;  pt[0].y = 1 * cy / 8 ;
               pt[1].x = 5 * cx / 8 ;  pt[1].y = 1 * cy / 8 ;
               pt[2].x = 4 * cx / 8 ;  pt[2].y = 3 * cy / 8 ;
               
               Triangle (pdis->hDC, pt) ;
               
               pt[0].x = 7 * cx / 8 ;  pt[0].y = 3 * cy / 8 ;
               pt[1].x = 7 * cx / 8 ;  pt[1].y = 5 * cy / 8 ;
               pt[2].x = 5 * cx / 8 ;  pt[2].y = 4 * cy / 8 ;
               
               Triangle (pdis->hDC, pt) ;
               
               pt[0].x = 5 * cx / 8 ;  pt[0].y = 7 * cy / 8 ;
               pt[1].x = 3 * cx / 8 ;  pt[1].y = 7 * cy / 8 ;
               pt[2].x = 4 * cx / 8 ;  pt[2].y = 5 * cy / 8 ;
               
               Triangle (pdis->hDC, pt) ;
               
               pt[0].x = 1 * cx / 8 ;  pt[0].y = 5 * cy / 8 ;
               pt[1].x = 1 * cx / 8 ;  pt[1].y = 3 * cy / 8 ;
               pt[2].x = 3 * cx / 8 ;  pt[2].y = 4 * cy / 8 ;
               
               Triangle (pdis->hDC, pt) ;
               break ;
               
          case ID_LARGER :
               pt[0].x = 5 * cx / 8 ;  pt[0].y = 3 * cy / 8 ;
               pt[1].x = 3 * cx / 8 ;  pt[1].y = 3 * cy / 8 ;
               pt[2].x = 4 * cx / 8 ;  pt[2].y = 1 * cy / 8 ;
               
               Triangle (pdis->hDC, pt) ;
               
               pt[0].x = 5 * cx / 8 ;  pt[0].y = 5 * cy / 8 ;
               pt[1].x = 5 * cx / 8 ;  pt[1].y = 3 * cy / 8 ;
               pt[2].x = 7 * cx / 8 ;  pt[2].y = 4 * cy / 8 ;
               
               Triangle (pdis->hDC, pt) ;
               
               pt[0].x = 3 * cx / 8 ;  pt[0].y = 5 * cy / 8 ;
               pt[1].x = 5 * cx / 8 ;  pt[1].y = 5 * cy / 8 ;
               pt[2].x = 4 * cx / 8 ;  pt[2].y = 7 * cy / 8 ;
               
               Triangle (pdis->hDC, pt) ;
               
               pt[0].x = 3 * cx / 8 ;  pt[0].y = 3 * cy / 8 ;
               pt[1].x = 3 * cx / 8 ;  pt[1].y = 5 * cy / 8 ;
               pt[2].x = 1 * cx / 8 ;  pt[2].y = 4 * cy / 8 ;
               
               Triangle (pdis->hDC, pt) ;
               break ;
          }
          
          
          //当按下按钮时itemState字段中的某位将被设为1，用ODS_SELECTED常数来测试这些位
          if (pdis->itemState & ODS_SELECTED)
			  //翻转矩形区域
               InvertRect (pdis->hDC, &pdis->rcItem) ;
          
          
          //绘制焦点矩形框
		  //判断是否处于焦点
          if (pdis->itemState & ODS_FOCUS)
          {
              //焦点矩形框大小
			  pdis->rcItem.left   += cx / 16 ;
              pdis->rcItem.top    += cy / 16 ;
              pdis->rcItem.right  -= cx / 16 ;
              pdis->rcItem.bottom -= cy / 16 ;
              //绘制焦点矩形框
              DrawFocusRect (pdis->hDC, &pdis->rcItem) ;
          }
		  
          return 0 ;
          
     case WM_DESTROY :
          PostQuitMessage (0) ;
          return 0 ;
     }
     return DefWindowProc (hwnd, message, wParam, lParam) ;
}


在WM_CREATE消息下，创建了两个子窗口；在WM_SIZE消息下，获得客户区的大小并把窗口移动到客户区的中间；每当点击控件时，父窗口将会接收到子窗口的WM_COMMAND消息，通过对消息的wParam参数判断，来确定点击的是哪个子窗口并进行放大或者缩小客户区的操作。

到此，子窗口的功能已经实现了，剩下的问题就是画出这个子窗口。这个工作在WM_DRAWITEM消息下完成。

这个消息的参数lParam非常关键，对它进行类型转换以后，就能得到指向DRAWITEMSTRUCT结构的指针。这个结构存储了你自己画的按钮的信息：比如CtlID表明窗口控件ID；当按下按钮时itemState字段中的某位将被设为1，用ODS_SELECTED常数来测试这些位；使用ODS_FOCUS来测试itemState判断窗口是否处于焦点等等。

在程序中，先画一个白色矩形，给他添上黑框；然后判断是哪个窗口，对应的窗口画出三角形；按下窗口时，翻转该窗口；判断其是否属于焦点，如果是，添加一个焦点框。

这就是程序的基本流程。

iteye_6233
关注
控件的自绘
milanleon的专栏
05-07 1283
MFC自绘控件有很多函数，常见的有WM_DRAWITEM消息，DrawItem虚函数，还有一个NM_CUSTOMDRAW反射消息，NM_CUSTOMDRAW是通过WM_NOTIFY发送给父窗口的。我们可以在控件类里面反射调用次消息。
window窗体中画图形
08-26 838
必须把画图实现代码放在窗体的Paint的事件中，或者将那些代码放在一个方法中，然后Paint事件调用那个方法。如下         private void Form1_Paint(object sender, PaintEventArgs e)         {
给窗体中控件绘图的几种方法
一人 一剑 一壶茶
10-09 588
方法一：WINDOWS API画法 //获取要绘制的控件句柄 Image img = GetWindow(this.tabPage12.Handle); //在母容器上创建图形对象  Graphics gOut = mOut.pnlOut.CreateGraphics(); //在指定位置按指定大小绘出image  gOut.DrawImag
Windows程序设计应用开发
03-15
养具备Win32 API SDK级别对Windows平台程序编码能力，可以参与Windows应用工程类别的GUI程序开发，对算法策略有容错性表现；提升的、软件设计经验，初步具备面向对象软件设计思想，能针对性的应用事件驱动编程开发应用程序。丁宋涛老师是南京大学博士，微软中国认证讲师，任江苏微软技术中心、美国大学理事会计算机学科教师，捷帝科技有限公司联合创始人，拥有15年以上程序开发经验。
自绘控件的4种方法
blogfeifei
09-29 750
在您决定开发 Windows 提供的常规免费自定义控件范围之外的控件之后，您必需确定自己的控件将有多少独到之处 — 在功能和外观两方面。例如，我们假定您正在创建一个类似于计速表的控件。由于公共控件库 (ComCtrl32.dll) 中没有类似的控件，您完全需要自己进行以下操作：编写所有控件功能需要的代码，进行绘制，默认终端用户的交互，以及控件与其父窗口之间需要的任意消息处理。 (#add 两方面...
Windows程序设计测试2+报告-根据消费表绘制饼图
07-09
（3）在弹出的可绘制处理对象属性对话框上，采用基本控件（静态文本，编辑框，按钮等） 对可绘制处理对象的属性（颜色，数量，位置，大小等；对于图例则是显示文本）进行参数回读和设置， 点击确定按钮接受新设置值...
Windows Forms 2.0 程序设计.PDF
06-11
《Windows Forms 2.0 程序设计》是一本专为Windows Forms 2.0开发者量身定制的权威指南，旨在帮助读者深入理解和高效利用这一强大的开发平台。Windows Forms是.NET Framework的一部分，用于构建桌面应用程序，而2.0...
Kesoft.Windows.Forms.Panels:自定义面板控件
07-08
C#是微软公司推出的一种面向对象的、运行于.NET Framework之上的高级程序设计语言，它的强大在于其丰富的类库和强大的面向对象特性，使得开发者能够创建出功能丰富的应用程序。在这个项目中，C#被用来实现自定义面板...
windows程序设计第三版
05-27
《Windows程序设计第三版》是计算机科学领域的一本经典教材，主要关注于Windows操作系统下的应用程序开发。这本书深入探讨了如何利用Microsoft的API（应用程序接口）和其他相关工具来编写高效、稳定的本地应用程序。...
windows程序设计（第五版）附代码
03-29
《Windows程序设计（第五版）》是一本深入探讨Windows操作系统编程的经典教材，它为学习者提供了全面理解Windows API和系统级编程的详细知识。这本书涵盖了从基础的窗口创建到复杂的多线程同步，从文件系统操作到...
LibGUI:用于使用WinAPI创建自定义控件的函数集
05-28
的libGUI 一个简单的小型库，用于创建图形用户界面。 参考 ... 语言：葡萄牙语巴西 名称：LibGUI 说明：一组辅助功能，旨在使用WinAPI创建自定义控件。 日期：2014年3月7日 作者：君士坦丁/ ＃＃＃概括 0x00-GUI初始化 0x01-CreateSimpleWindow 0x02-GetColor 0x03-刷新窗口 0x04-CreateButton 0x05-ButtonHover 0x06-CreateEdit 0x07-悬停编辑 0x08-CreateEditBox 0x09-SetControlColor 0x10-CreateStatic 0x00-GUI初始化 用于初始化LibGUI的函数。 它在哪里创建窗口类并进行注册。 Protótipo: int result = GUIInitialize(WNDPROC
Win32 API中的自定义控件：控件自定义
04-08
自定义现有控件的技术概述。
windows API 自定义控件
u012737575的专栏
11-14 1671
小菜一个，在此写下自己乱学的
Windows编程之基本窗口控件小结
eskimoer的专栏
04-22 3022
子窗口控件   1       创建子窗口控件          子窗口控件类似windows的窗口，不过可以利用windows中已经有的，来直接CreateWindow，CreateWindow中的函数参数如下所示： Class name（类别名称） Window text（窗口文字） Window style（窗口样式） x position（x位置） y position（y
Windows程序设计-子窗口控件
小龙在线
09-11 1741
按钮类别/*---------------------------------------- BTNLOOK.C -- Button Look Program (c) Charles Petzold, 1998 ----------------------------------------*/#include <windows.h>struct {
win32 api CreateWindow创建窗口控件及设置字体
热门推荐
wuqiyinglang的专栏
08-08 1万+
HWND hBtn, hEdit, hText, hCombBox; hBtn = CreateWindow( //按钮创建 "button", "创建的按钮", WS_CHILD|WS_VISIBLE|BS_PUSHBUTTON|BS_CENTER|BS_VCENTER, 100,100,90,28,
Windows编程基础 第十章 组合框 列表框 滚动条 自绘制控件
学峰的学习笔记
09-06 2453
//本程序用来演示ComboBox #include "windows14.h" #include "stdafx.h" #include "resource.h" #include "stdio.h" #include "windows.h" HINSTANCE g_hInst=NULL; VOID OnAdd(HWND hWnd); VOID OnDel(HWND hWnd); VOID O
《Windows程序设计》读书笔九 子窗口控件
sesiria的博客
07-10 6572
第九章 子窗口控件
深入解析《Windows程序设计》：源代码与实例分析
从提供的文件信息中，我们可以提炼出有关Windows程序设计的详细知识点。以下是对标题、描述、标签以及压缩包子文件名称列表所涉及内容的解读和知识点的整理： ### Windows程序设计基础知识 1. **Windows程序设计...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值