第9章 Windows 标准控件在可视化编程中的应用
控件是Windows 图形用户界面的主要组成部分之一,用户通过操作控件对象完成与应用程序之间的交互。控件的使用集中体现了Windows 系统面向对象的特点
9.1概述 控件工具栏 控件接受的消息 主要有单击、双击 和字符输入等
9.2 按钮控件及其应用 普通按钮 圆按钮 复选框按钮 组框按钮 自绘按钮 按钮控件
9.2.1 按钮控件的创建过程 CButton类的成员函数Create负责创建按钮控件,该函数的声明为: BOOL Create ( LPCTSTR lpszCaption, //指定了按钮显示的正文 DWORD dwStyle, //按钮的风格 const RECT& rect, //按钮的位置和大小 CWnd* pParentWnd, //指向父窗口, UINT nID //按钮的ID )
按钮控件消息: 两个 ON_BN_CLICKED 类似 ON_BN_DBLCLICKED ON_COMMAND 常用于只有两种 完全相反状态 的情况下 复选框 适用于同一组属性相 同的数据中选一个数据 按钮是最常见的控件之一 单选按钮 适用于消息的发送 下压式按钮 没有太多的操作 只是在窗口中划 分区域范围 分组框
在知道按钮ID的前提下,还可使用与按钮有关的CWnd成员函数来设置或查询按钮状态 GetCheck( ) SetCheck( ) GetBitmap() SetBitmap() GetButtonStyle() SetButtonStyle() GetCursor() SetCursor() GetIcon() SetIcon() GetState() SetState() CButton类的成员函数 CheckDlgButton CheckRadioButton GetCheckedRadioButton Is DlgButtonChecked GetWindowTex GetWindowTextLength SetWindowText
自定义按钮 MFC还提供了一个CBitmapButton的类,允许用户以图标的方式显示按钮,它是在CButtong下派生的 MFC调用方法DrawItem()在按钮上绘制位图,LoadBitmaps()方法为一个CBitmapButton对象附上位图,最多可以有4个位图
9.2.2 按钮控件示例
主要步骤: 创建基于对话框项目 设置按钮的属性 Auto 属性 Group 属性
3. 添加成员变量并添加消息响应函数
void CMy9_1Dlg::OnButton1() { m_btn1.SetWindowText(“你已按下了按钮!”); } void CMy9_1Dlg::OnButton2() { m_btn2.SetWindowText(“按钮已被按下!”); } void CMy9_1Dlg::OnCheck1() { if(m_chk1.GetCheck()>0) m_chk1.SetCheck(0); else m_chk1.SetCheck(1); } void CMy9_1Dlg::OnRadio1() { m_rad1.SetCheck(1); }
9.3 滚动条控件 滚动条是一个交互式的、高度可视化的控件它包括一个滑块、滚动条的两端的按钮等。 滚动条控件与属于窗口的滚动条是不一样的 处于窗口的滚动条是由该窗口创建、管理和释放的 滚动条控件是由用户创建、管理和释放的
9.3.1 滚动条类的结构及其方法 滚动条可以通过通知代码来创建,也可以用对话框资源模板来创建
9.3.2 创建与初始化滚动条类 分配一个滚动条控件对象并返回指向该对象的指针 CScrollBar::pMyScroll=new CScrollBar 创建CScrollBar对象的一般步骤 (1) 用C++关键字new和构造函数CScrollBar::CScrollBar()为一个ScrollBar对象分配一个实例 (2) 初始化CScrollBar对象,将一个Windows滚动条赋予它,并用CScroll::Create()方法设置参数和样式 调用CScrollBar::Create()方法初始化指针 BOOL Create(DWORD dwStyle,const RECT& rect,CWnd *pParentWnd,UINT nID); 滚动条窗口的样式 表示控件的大小和位置 指向控件所属窗口的指针 父窗口与滚动条通信的标识
CScrollBar::SetScrollRange() 例如,设置滚动范围为-100到100的垂直滚动条 在设置滚动条控件时,要通过如下方法设置其范围 CScrollBar::SetScrollRange() 例如,设置滚动范围为-100到100的垂直滚动条 pMyScroll->SetScrollRange(SB_VERT,-100,100); 通过SetScrollPos()设置滚动块当前位置 例如,滚动快的位置在-100到100的中间,即为0的位置 pMyScroller->SetScrollPos(0);
9.3.3滚动条类编程实例 单击滚动块与箭头之间的区域。滚动块上移或下移三格,编辑框中的数字加3或减3 标题为Application of ScrollBar 滚动条的滚动范围设为0到20 单击Reset按钮,滑块移到中间,编辑框的数字变为10 单击Up按钮,滚动块移到最上边,编辑框的数字变为0 按住滚动块上下拖动。编辑框中的数字随着随之变化 单击Exit按钮,退出应用程序 单击向上或向下的箭头,滚动块向上或向下移动一格,编辑框中的数字加1或减1 单击Down按钮,滚动块移到最下边,编辑框的数字变为20 当前值为10
(1) 应用程序的可视化编程部分
(2) 应用程序的代码编程部分 (a) 给滚动条连接变量 ID 变量名 类别 类型 IDC_SCROLLBAR m_Scrollbar Control CScrollbar IDC_EDITl m_Edit Control CEdit
(b) 初始化滚动条 10进制数 BOOL CMy9_2Dlg::OnInitDialog() { CDialog::OnInitDialog(); …… // TODO: Add extra initialization here m_Scrollbar.SetScrollRange(0,20); m_Scrollbar.SetScrollPos(10); char sPos[10]; itoa(m_Scrollbar.GetScrollPos(),sPos,10); m_Edit.SetSel(0,-1); m_Edit.ReplaceSel(sPos); UpdateData(FALSE); return TRUE; } 10进制数
(3) 给滚动条消息添加代码 void CMy9_2Dlg::OnVScroll(……) { // TODO: Add your message handler code here char sPos[10]; int iNowPos; switch(nSBCode) { if(pScrollBar==&m_Scrollbar) { case SB_THUMBTRACK: //拖动滑块 m_Scrollbar.SetScrollPos(nPos); itoa(nPos,sPos,10); m_Edit.SetSel(0,-1); m_Edit.ReplaceSel(sPos);
case SB_LINEDOWN: //单击滚动条向下的箭头 iNowPos=m_Scrollbar.GetScrollPos(); iNowPos=iNowPos+1; if(iNowPos>20) iNowPos=20; m_Scrollbar.SetScrollPos(iNowPos); itoa(m_Scrollbar.GetScrollPos(),sPos,10); m_Edit.SetSel(0,-1); m_Edit.ReplaceSel(sPos); break;
case SB_LINEUP: //单击滚动条向上的箭头 iNowPos=m_Scrollbar.GetScrollPos(); iNowPos=iNowPos-1; if(iNowPos<0) iNowPos=0; m_Scrollbar.SetScrollPos(iNowPos); itoa(m_Scrollbar.GetScrollPos(),sPos,10); m_Edit.SetSel(0,-1); m_Edit.ReplaceSel(sPos); break;
case SB_PAGEDOWN: //单击箭头与滚块之间的区域 iNowPos=m_Scrollbar.GetScrollPos(); iNowPos=iNowPos+3; if(iNowPos>20) iNowPos=20; m_Scrollbar.SetScrollPos(iNowPos); itoa(m_Scrollbar.GetScrollPos(),sPos,10); m_Edit.SetSel(0,-1); m_Edit.ReplaceSel(sPos); break;
case SB_PAGEUP: //单击箭头与滚块之间的区域 iNowPos=m_Scrollbar.GetScrollPos(); iNowPos=iNowPos-3; if(iNowPos<0) iNowPos=0; m_Scrollbar.SetScrollPos(iNowPos); itoa(m_Scrollbar.GetScrollPos(),sPos,10); m_Edit.SetSel(0,-1); m_Edit.ReplaceSel(sPos); break; } } CDialog::OnVScroll(nSBCode, nPos, pScrollBar); }
(4) 给Exit按钮连接代码 void CMy9_2Dlg::OnExitButton() { OnOK(); } (5) 给Up按钮添代码 void CMy9_2Dlg::OnUpButton() m_Scrollbar.SetScrollPos(0); m_Edit.SetSel(0,-1); m_Edit.ReplaceSel("0");
(6) 给 Down按钮添加代码 void CMy9_2Dlg::OnDownButton() { m_Scrollbar.SetScrollPos(20); m_Edit.SetSel(0,-1); m_Edit.ReplaceSel("20"); } (7) 给Reset按钮添加代码 void CMy9_2Dlg::OnResetButton() { m_Scrollbar.SetScrollPos(10); m_Edit.ReplaceSel("10");
在应用程序中,编辑框只是有于显示滚动块的位置,不需要进行编辑,因此必须将其属性改为只读
第9章--控件 9.4 静态控件 清华大学计算机与信息管理中心---黄维通
9.4.1 静态控件的特点 一般情况下静态控件不发送消息。 实际应用中,需要静态文本能够象超文本那样响应用户的输入,向应用程序发送控件消息。 该样式允许静态控件向其父窗口发送WM_COMMAND消息,该消息的字参数的低字节中包含静态控件的ID,高字节中包含通知码 要在创建静态控件时加入SS_NOTIFY样式
9.4.2 静态控件应用举例 【例9-3】本例通过演示位图静态控件的使用方法,说明静态控件消息的强制生成与处理过程,当单击位图时,就报告该位图的尺寸。
主要步骤如下: 创建基于对话框的应用程序 导入一张BMP格式图片。假设位图资源名称为IDB_BITMAP1 向对话框上放上一个static控件,其ID为IDC_STATIC_BMP,并设置控件为nofity风格,并添加CStatic类型成员m_bmp 无此风格,静态控件无法响应鼠标消息
(4) 在OnInitDailog函数中添加如下代码,设置控件为位图风格,并设置位图 BOOL CMy9_3Dlg::OnInitDialog() { …… // TODO: Add extra initialization here m_bmp.ModifyStyle(0,SS_BITMAP); HBITMAP hBmp=LoadBitmap(AfxGetInstanceHandle(), MAKEINTRESOURCE(IDB_BITMAP1)); m_bmp.SetBitmap(hBmp); return TRUE; }
(5) 响应鼠标单击静态控件的消息。为static控件添加BN_CLICKED消息的响应 void CMy9_3Dlg::OnStaticBmp() { // TODO: Add your control notification handler code here BITMAP bmp; GetObject(m_bmp.GetBitmap(),sizeof(BITMAP),&bmp); CString msg; msg.Format("Image Size %d*%d", bmp.bmWidth,bmp.bmHeight); AfxMessageBox(msg); }
9.5 列表框控件 列表框常应用于从众多数据中选某一项 9.5 列表框控件 列表框常应用于从众多数据中选某一项 列表框经常用在对话框里,如用列表框选择文件名、目录等。列表框有一个预定义的键盘接口,用户可以用键盘上的箭头和PageUp或PageDown键在列表框中进行数据的选择,或通过适当的样式设置,允许与Shift或Ctrl键组合使用。
9.5.1 列表框控件的类结构 MFC中CListBox类的层次结构
消息映像项使用下面的基本格式: ON_Message(Control ID,ClassMethod) 发送消息的列表框 控件的子窗口标识 处理消息的父 类方法的名字 所有者类声明中的方法原型 afx_msg void ClassMethod();
9.5.2 列表框类的方法
(1) 通用方法 通用方法用来获得和设置列表框数据的值和属性,所有的CListBox列表框都有这些方法,包括单选列表框、多选列表框和自绘列表框等
列表框的默认模式是单选项模式;所有的通用方法均适用于单选项列表框 (2) 单项选择特定方法 列表框的默认模式是单选项模式;所有的通用方法均适用于单选项列表框 只有两个类方法专门处理单选项列表框 GetCurSel() SetCurSel() 获得当前选择列表框项的下标(基于0) 选择列表框字符串
(3) 多项选择特定方法 多选项列表框扩展了 标准单项选择列表框 的能力,可以解决在 一个列表框中选择多 项带来的复杂性 特定多项选择列表 框的CListBox类方法 方法 说明 GetAnchorIndex() 获得多项选择列表框中当前定位项的下标 GetCaretIndex() 获得多项选择列表框中具有光标矩形的项的下标 GetSelCount() 获得多项选择列表框中当前所选的项的数目 GetSelItems() 将所有当前被选列表框项下标放入一整型数组缓冲区 SelItemRange() 切换多选择列表框项范围的选择状态 SetAnchorIndex() 在多项选择列表框中扩充选择设置开始(定位)项 SetCaretIndex() 在多项选择列表框中指定下标项设置光标矩形 SetSel() 在多项选择列表框中切换项目的选择状态
CListBox指定列表 框中字符串的方法 (4) 字符串指定的方法 CListBox指定列表 框中字符串的方法 方法 说明 AddString() 在列表框中加入一个字符串 DeleteString() 从列表框中删除一个字符串 Dir() 从当前目录加文件名放入列表框 FindString() 在列表框中搜索一字符串 FindStringExact() 在列表框中搜索第一个与指定搜索字符串匹配的字符串 InsertString() 在列表框指定下标处插入一字符串 ResetContent() 清除列表框中的所有项 SelectString() 在单选列表框中搜索并选择一字符串
(5) 虚拟方法 CLstBox类还声明了几个虚拟方法,你可以从CListBox类中派生一些类替换到你的类中。 能被替换的 的虚拟方法 方法 说明 CharToItem() 可以替换此方法来为自绘列表框(没有字符串)处理WM-CHAR CompareItem() 由MFC调用以得到排序的自绘列表框中的新项的位置 DeleteItem() 当用户从自绘列表框中删除一项时MFC调用此方法 DrawItem() 当确定自绘列表框项必须重绘时MFC调用此方法 MeasureItem() 当一自绘列表框被创建时MFC调用此方法来决定列表框的维数 VKeyToItem() 用户可替换此方法,来处理具有LBS_WANTKEYBOARDINPUT样式 的列表框的WM_KEYDOWN
创建和初始化CListBox对象 用C++关键字new和构造函数为CListBox对象分配一个实例: CListBox::CListBox() (2) 初始化CListBox对象并赋于它一个Windows列表框,通过方法CListBox::Create()设置列表框的参数和样式
例如,下面代码分配一个CListBox对象并返回指向该对象的指针: ClistBox *pMyListBox=new CListBox; 指针pMyListBox用CListBox::Create()方法进行初始化 该方法声明如下: BOOL Create ( DWORD dwStyle, // 列表框控件的窗口样式 const Recy& rect, // 指明控件的大小和位置 CWnd* pParentWnd, // 指向控件所有者的指针 UINT nID // 控件标识 )
9.5.3 列表框和应用程序之间消息传递
1. 列表框向应用程序发送消息 当用户与列表框交互时,列表框向应用程序发出WM_COMMAND消息。该消息字参数的高字节为标识列表框动作的消息通知码(如LBN_DBLCLK标识用户双击);低字节为控件标识值。 LBN_SELCHANGE: 列表框中的用户选择已发生改变 LBN_DBCLK: 双击 LBN_SELCANCLE: 列表框中的选择被取消 LBN_SETFOCUS: 列表框收到输入焦点 LBN_KILLFOCUS: 列表框失去输入焦点
2.应用程序向列表框发送消息 应用程序对列表框的操作通过调用函数SendMessage或SendDlgItemMessage向其发送各种消息完成。 下面是常用文件属性值及其说明 数值(16进制) 说 明 4000 列出驱动器名 0002 列出隐含文件名 0000 列出普通文件名 0004 列出系统文件名 0001 列出只读文件名 0010 列出上述文件及子目录名
9.5.4 列表框应用举例 【例9-4】创建一个单选列表框,并在该列表框中列出当前目录的文件,双击后删除该项
主要步骤如下: (1)在对话框上放置一个List Box(IDC_LIST_DIR)控件和一个Static(IDC_STATIC_DIR )控件。List Box控件用于显示文件名称,Static控件用于显示当前显示的文件所在的目录 (2)为List Box控件添加CListBox类型成员变量——m_list
设置列表框显示条目为当前目录下所有文件名 (3)在OnInitDialog函数中添加初始化列表框内容的代码 BOOL CMy9_4Dlg::OnInitDialog() { CDialog::OnInitDialog(); // TODO: Add extra initialization here DWORD cchCurDir = MAX_PATH; LPTSTR lpszCurDir; CHAR tchBuffer[MAX_PATH]; lpszCurDir = tchBuffer; GetCurrentDirectory(cchCurDir, lpszCurDir); DlgDirList(lpszCurDir, IDC_LIST_DIR, IDC_STATIC_DIR, 0); return TRUE; } 获得当前目录 设置列表框显示条目为当前目录下所有文件名
(4)为了实现双击条目删除的功能,需要响应列表框的LBN_DBLCLK消息 void CMy9_4Dlg::OnDblclkListDir() { // TODO: Add your control notification handler code here int i = m_list.GetCurSel(); CString str; m_list.GetText(i, str); m_list.DeleteString(i); CString msg = "Item "+str+" deleted!"; AfxMessageBox(msg); }
9.6 编辑框控件 编辑框控件看起来是个非常简单的矩形窗口,但它具有许多功能,编辑框控件可以自带滚动条,显示多行文本。 CEdit是CWnd类直接派生来的,这就意味着它具有CWnd的所有功能 单行编辑框控件 编辑框控件 多行编辑框控件
9.6.1 编辑框类常用方法
9.6.2 编辑框与应用程序间的消息传递 编辑框通过向其父窗口发关WM_COMMAND消息通知应用程序用户的交互信息 应用程序对编辑框的操作通过调用函数SendMessage或SendDlgItemMessage
9.6.3 编辑类编程实例 单击Showl,则在Edit1编辑框中显示“This is the first EditBox.” 单击Clear1,则Edit1编辑框中的内容被清除; 单击Show2,则在Edit2编辑框中显示“This is the second EditBox!” 单击Clear2,则Edit2编辑框中的内容被清除; 单击Transfer,则把Edit1编辑框的内容复制到Edit2的编辑框中去 单击Undo,则取消上一次操作 若单击Exit,则退出程序的运行
具体的编程过程 因为本应用程序是基于对话框的,由向导生成对话框窗口作为应用程序的主窗口,并且给这个对话框取名为IDD_EDITBOX_DIALOG,然后在这个对话框窗口中进行界面设计 生成了工程文件和 工程工作区文件后 在EditBox的工作区 中选择ResourceView
(1)创建资源:在ResourceView选项卡中打开Dialog资源组,然后双击IDD_EDITBOX_DIALOG。 VC在工作台中显示可以进行可视化编辑的IDD_EDITBOX_DIALOG对话框 控件工具窗提供 了VC中所有可建 立的控件类型 把鼠标停在编辑框 控件上,即可显示 该控件的类型
(2)设置控件ID 将鼠标移到Edit1控键上--> 单击鼠标右键,选择Properties命令,在窗口中输入控件的ID标识值,IDC_EDIT1,用同样的方法设置其它各个对象的属性
(3) 应用程序的代码编程部分 (a) 给编辑框连接变量
(b) 设置成员变量名为m_Edit1,类别为Control,变量类型为CEdit 注意,不要将m_Edit1设为CString类型,因为只有设为CEdit 类型,才能够调用CEdit 类中的一些成员函数,如Copy , Paste等,这样才能完成本应用程序中对Transfer按钮要求复制内容的操作的响应
用同样的方法给编辑框EDIT2等其它对象连接各自的变量,增加变量之后MFC ClassWizard窗口将变为下图所示
若此时运行该程序,在Edit文本框中不能进行多行输入,只能单行输入文本,而且按回车键终止应用程序,同时,文本框中也没有水平和垂直滚动条。 下面,我们来完善应用程序中编辑框的特性,使之能够进行多行文本的输入
(c) 修改编辑框的特性
(4) 添加代码 (a) 给Showl按钮连接代码 void CMy9_5Dlg::OnShow1Button() { m_Edit1.SetSel(0,-1); // 选中编辑框IDC_EDIT1中的全部内容 m_Edit1.ReplaceSel("This is the first EditBox."); } 程序中SetSel()函数是CEdit类中的成员函数,因为m_Edit1是属于CEdit类的对象,故可以调用该类所有的成员函数。ReplaceSel()函数也是CEdit类中成员函数。
(2) 给 Clear1按钮连接代码 void CMy9_5Dlg::OnClear1Button() { m_Edit1.SetSel(0,-1); //选中IDC_EDIT1中的内容 m_Edit1.ReplaceSel(""); //用空串代替所选文本,即把所选的文本删除 }
(3) 给Show2和Clear2按钮连接代码 void CMy9_5Dlg::OnShow2Button() { m_Edit2.SetSel(0,-1); m_Edit2.ReplaceSel("This is the second EditBox."); } void CMy9_5Dlg::OnClear2Button() m_Edit2.ReplaceSel("");
void CMy9_5Dlg::OnTransferButton() { m_Edit1.SetSel(0,-1); (4) 给按钮IDC_Transfer_BUTTON连接代码 void CMy9_5Dlg::OnTransferButton() { m_Edit1.SetSel(0,-1); m_Edit1.Copy(); m_Edit2.SetSel(0,-1); m_Edit2.ReplaceSel(""); m_Edit2.Paste(); }
void CMy9_5Dlg::OnUndoButton() { m_Edit1.Undo(); m_Edit2.Undo(); } (6)给Exit按钮连接代码 void CMy9_5Dlg::OnExitButton() { OnOK(); }
【例9-6】 “乘法器”示例程序,使用者在“乘数”或者“被乘数”编辑框中输入数字的时候,程序可以随时计算乘法的结果 ID Type Member Read-only Number IDC_EDIT_MUL1 int m_A √ IDC_EDIT_MUL2 int m_B √ IDC_EDIT_RESULT CString m_Result √ √
初始化结果编辑框 BOOL CMy9_6Dlg::OnInitDialog() { CDialog::OnInitDialog(); …… // TODO: Add extra initialization here UpdateData(TRUE); int i=m_A*m_B; m_Result.Format("%d", i); UpdateData(FALSE); return TRUE; }
(2)当编辑框中的内容发生改变时,会产生EN_CHANGE消息,需要为乘数与被乘数两个编辑框响应该消息 void CMy9_6Dlg::OnChangeEditMul1( ) { UpdateData(TRUE); int i=m_A*m_B; m_Result.Format("%d", i); UpdateData(FALSE); } void CMy9_6Dlg::OnChangeEditMul2( )
(3) 响应Reset按钮的消息 void CMy9_6Dlg::OnReset() { m_A = 0; m_B = 0; int i=m_A*m_B; m_Result.Format("%d", i); UpdateData(FALSE); }
9.7 组合框控件
9.7.1 组合框(CComboBox)类的结构及组合框的特点 组合框是两种预定义窗口的组合形式。 在Windows编程中使用单一控件往往不能完全满足与用户交互的需要,最常见的组合框例子是对话框及与其相联系的静态文本和编辑框。
9.7.2 组合框与应用程序间消息传递 组合框通过向其父窗口发关WM_COMMAND消息通知应用程序用户的交互信息。 应用程序对组合框的操作也通过使用函数SendMessage或SendDlgItemMessage向组合框发送消息进行。由于对组合框的操作实际上是对组合框中各成员的操作。
9.7.3 组合框控件应用举例 【例9-7】本例创建组合框控件,当单击向下按钮时,显示可选文件的名字。当选中某一项时,显示该项的名称
将一个Combo Box控件放到对话框上。取消Sort风格。否则插入的内容将按照字母顺序排序,而不是插入的顺序排序。添加CComboBox类型的变量m_cb BOOL CMy9_7Dlg::OnInitDialog() //初始化对话框 { CDialog::OnInitDialog(); …… // TODO: Add extra initialization here m_cb.AddString("Monday"); m_cb.AddString("Tuesday"); m_cb.AddString("Wednesday"); m_cb.AddString("Thursday"); m_cb.AddString("Friday"); m_cb.AddString("Saturday"); m_cb.AddString("Sunday"); return TRUE; }
当用户选择的内容发生改变的时候,会产生CBN_SELCHANGE消息。为控件添加该消息的响应函数: void CMy9_7Dlg::OnSelchangeCombo() { CString msg; m_cb.GetLBText(m_cb.GetCurSel(), msg); AfxMessageBox(msg); }
【例9-8】本程序为几种控件的综合应用
对于成组的单选按钮,只在每组的第一个按钮的属性中选中Group设置 在Sex Selecting组中只有Boy单选按钮选中Group属性 在设计的过程中,同一组单选按钮必须一个接一个地放进对话框中,中间不能插入其它的控件 在Age Range组中只有“>20”单选按钮选中Group属性
Visual C++按照放入对话框中的先后顺序,给每个控件赋一个ID值,所以控件的ID值是连续的。Group属性的控件之间的控件为一组。 可以从resource.h的资源头文件中得到ID值 #define IDC_SHOW_BUTTON 1006 #define IDC_HIDE_BUTTON 1007 #define IDC_Boy_RADIO 1008 #define IDC_Girl_RADIO 1009 #define IDC_Age1_RADIO 1010 #define IDC_Age2_RADIO 1011 #define IDC_Age3_RADIO 1012 #define IDC_Show_Sex_Age_BUTTON 1013 #define IDC_Result_EDIT 1014
在为相关控件连接变量和方法后,开始编程 (1) 给复选框IDC_DATE_CHECK添加代码 OnDateCheck()方法的实现代码如下: void CMy9_8Dlg::OnDataCheck() { UpdateData(TRUE); if(m_DateCheck==TRUE) { CTime tNow ; tNow=CTime::GetCurrentTime(); CString sNow=tNow.Format("%y.%m.%d"); m_DateEdit.SetSel(0,-1); m_DateEdit.ReplaceSel(sNow); } else { m_DateEdit.SetSel(0,-1); m_DateEdit.ReplaceSel(""); UpdateData(FALSE); 以当前的屏幕显示内容更新控件的变量
函数Format的参数%I是时间的小时表示法(01~12),%m是分的表示法(00~59),%d是秒的表示法(00~59) (2)为复选框IDC_TIME_CHECK添加代码 void CMy9_8Dlg::OnTimeCheck() { UpdateData(TRUE); if(m_TimeCheck==TRUE) { CTime tNow; tNow=CTime::GetCurrentTime(); CString sNow=tNow.Format("%I:%M:%S"); m_TimeEdit.SetSel(0,-1); m_TimeEdit.ReplaceSel(sNow); } else { m_TimeEdit.SetSel(0,-1); m_TimeEdit.ReplaceSel(""); UpdateData(FALSE); 函数Format的参数%I是时间的小时表示法(01~12),%m是分的表示法(00~59),%d是秒的表示法(00~59)
(3) 给Enable按钮添加代码 void CMy9_8Dlg::OnEnableButton() { GetDlgItem(IDC_DATE_CHECK)->EnableWindow(TRUE); GetDlgItem(IDC_TIME_CHECK)->EnableWindow(TRUE); m_DateEdit.EnableWindow(TRUE); m_TimeEdit.EnableWindow(TRUE); }
(4) 为Disable按钮连接代码 void CMy9_8Dlg::OnDisableButton() { GetDlgItem(IDC_DATE_CHECK)->EnableWindow(FALSE); GetDlgItem(IDC_TIME_CHECK)->EnableWindow(FALSE); m_DateEdit.EnableWindow(FALSE); m_TimeEdit.EnableWindow(FALSE); }
(5) 为Show Again按钮添加代码 void CMy9_8Dlg::OnShowButton() { GetDlgItem(IDC_DATE_CHECK)->EnableWindow(SW_SHOW); GetDlgItem(IDC_TIME_CHECK)->EnableWindow(SW_SHOW); GetDlgItem(IDC_DATE_EDIT)->EnableWindow(SW_SHOW); m_DateEdit.ShowWindow(SW_SHOW); GetDlgItem(IDC_TIME_EDIT)->EnableWindow(SW_SHOW); m_TimeEdit.ShowWindow(SW_SHOW); }
(6) 为Hide the Clock Setting按钮添加实现代码 void CMy9_8Dlg::OnHideButton() { GetDlgItem(IDC_DATE_CHECK)->EnableWindow(SW_HIDE); GetDlgItem(IDC_TIME_CHECK)->EnableWindow(SW_HIDE); m_DateEdit.ShowWindow(SW_HIDE); m_TimeEdit.ShowWindow(SW_HIDE); }
(7) 给Show_the_Sex_and_Age按钮添加代码 void CMy9_8Dlg::OnShowSexAgeBUTTON() { char sEdit[50]; int iSexRADIO; int iAgeRADIO; iSexRADIO=GetCheckedRadioButton(IDC_Boy_RADIO,IDC_Girl_RADIO); if(iSexRADIO==IDC_Boy_RADIO) strcpy(sEdit,"The boy's age is"); if(iSexRADIO==IDC_Girl_RADIO) strcpy(sEdit,"The girl's age is"); iAgeRADIO=GetCheckedRadioButton(IDC_Age1_RADIO,IDC_Age3_RADIO); if(iAgeRADIO==IDC_Age1_RADIO) strcat(sEdit," great than 20"); if(iAgeRADIO==IDC_Age2_RADIO) strcat(sEdit," between 15 and 20"); if(iAgeRADIO==IDC_Age3_RADIO) strcat(sEdit," less than 15"); m_ResultEdit.SetSel(0,-1); m_ResultEdit.ReplaceSel(sEdit); }
(8) 为Show_Combo按钮添加代码 void CMy9_8Dlg::OnShowComboButton() { UpdateData(TRUE); char sCourseEdit[30]; char sRecordEdit[15]; int iCourseRadio; iCourseRadio=GetCheckedRadioButton(IDC_ENGLISH_RADIO,IDC_NATURE_RADIO); if(iCourseRadio==IDC_ENGLISH_RADIO) strcpy(sCourseEdit,"English record is "); if(iCourseRadio==IDC_COMPUTER_RADIO) strcpy(sCourseEdit,"Computer record is "); if(iCourseRadio==IDC_NATURE_RADIO) strcpy(sCourseEdit,"Natural record is "); m_Record.GetWindowText(sRecordEdit,15); strcat(sCourseEdit,""); strcat(sCourseEdit,sRecordEdit); m_ComboEdit=_T(sCourseEdit); UpdateData(FALSE); }
(9) 给OnExitButton()方法添加代码 void CMy9_8Dlg::OnExitButton() { OnOK(); }
初始化单选按钮 BOOL CMy9_8Dlg::OnInitDialog() { CDialog::OnInitDialog(); …… // TODO: Add extra initialization here CheckRadioButton(IDC_Boy_RADIO,IDC_Girl_RADIO,IDC_Boy_RADIO); CheckRadioButton(IDC_Age1_RADIO,IDC_Age3_RADIO,IDC_Age2_RADIO); UpdateData(FALSE); m_English=0; m_Record.AddString("85"); m_Record.AddString("90"); m_Record.AddString("95"); m_Record.SelectString(-1,"95"); return TRUE; }
9.8 对话框通用控件 大部分控件都是在对话框中使用的,无论是基于对话框的应用程序还是Doc/View结构的应用程序,控件通常是放在对话框中的。本节将以一个名为“Ctrl”的基于对话框的应用程序来介绍各种Windows通用控件的使用。
9.8.1 Picture控件的使用 (1)分隔线 将Picture控件拖放到对话框上,【Type】属性选择“Frame”,【Color】属性选择“Etched”,将控件拖到最细,这时,Picture控件看起来的效果就跟一条分隔线一样了
(2) 图片 将【Type】属性设置为“Icon”或者“Bitmap”的时候,可以设置【Image】属性为相应的资源ID,来显示图标或位图。我们在资源中导入一位图, 命名为IDB_BITMAP_DOT,设置Picture控件【Type】为“Bitmap”,【Image】为“IDB_BITMAP_DOT”
9.8.2 Spin控件的使用 Spin按钮控件提供了一对箭头,用户通过点击箭头可以微调该控件所表示的数值。 表示Spin控件的是CSpinButtonCtrl类 Spin控件通常和tab order位于它之前的控件成对使用。通过CSpinButtonCtrl的GetBuddy方法可获得与之配对的控件
设置Spin的范围是0~100,当前位置是50,同时设置它的配对控件的显示值 向对话框拖放一个Edit控件,置为只读,然后拖放一个Spin控件紧挨着刚才拖放的Edit控件,两个控件的ID都是用默认值,设置Spin控件的【Allignment】属性为“Right”,选中【Auto buddy】属性 BOOL CEx9_9Dlg::OnInitDialog() { …… // TODO: Add extra initialization here CSpinButtonCtrl* pSpin =(CSpinButtonCtrl*) GetDlgItem(IDC_SPIN1); pSpin->SetRange(0, 100); pSpin->SetPos(50); pSpin->GetBuddy()->SetWindowText("5.0"); return TRUE; } 设置Spin的范围是0~100,当前位置是50,同时设置它的配对控件的显示值
在对话框中添加WM_VSCROLL消息的响应: void CEx9_9Dlg::OnVScroll(……) { if (pScrollBar->GetDlgCtrlID() == IDC_SPIN1) {CString strValue; strValue.Format("%3.1f", (double) nPos / 10.0); ((CSpinButtonCtrl*)pScrollBar)->GetBuddy()->SetWindowText(strValue); } CDialog::OnVScroll(nSBCode, nPos, pScrollBar);
9.8.3 Progress控件的使用 进度控件是一个用来指示长时间操作的进展程度的控件。MFC中表示进度控制的是CProgressCtrl类 进度条有一个范围和当前位置。范围表示整个操作的持续时间,当前位置表示当前进行到的位置,进度条根据当前位置来判断进行的百分比,来显示进度
添加一个Progress控件,保持默认ID,设置Smooth属性。在旁边添加一个按钮,设置ID为“IDC_BUTTON_START”,Caption为“开始” 在OnInitDialog中添加如下代码: CProgressCtrl* pProg =(CProgressCtrl*) GetDlgItem(IDC_PROGRESS1); pProg->SetRange(0, 100); pProg->SetPos(50); 为“开始”按钮添加点击事件实现代码: void CEx9_9Dlg::OnButtonStar() {CProgressCtrl* pProg=(CProgressCtrl*)GetDlgItem(IDC_PROGRESS1); pProg->SetPos(0); SetTimer(1000,100,NULL); }
在CCtrlDlg中添加对WM_TIMER消息的响应函数: void CEx9_9Dlg::OnTimer(UINT nIDEvent) { if(nIDEvent == 1000) { CProgressCtrl* pProg = (CProgressCtrl*) GetDlgItem(IDC_PROGRESS1); pProg->SetPos(pProg->GetPos()+1); if(pProg->GetPos() >= 100) { KillTimer(nIDEvent); AfxMessageBox("进行完毕"); } CDialog::OnTimer(nIDEvent); 每隔0.1秒,进度条前进一步
9.8.4 Slider控件的使用 滑块控件可以使用户通过拖动滑块来快速获得指定的数据。当用户滑动滑块的时候,控件将发送消息来指示变化。 滑块控件在你选择一系列离散值或者一段连续范围内的时候十分有用。
在对话框上增加一个Slider控件,设置Point属性为“Bottom/Right”,然后在旁边添加一个Static控件,ID设置为IDC_STATIC_SLIDER。该控件用来显示滑块的当前位置。 在OnInitDialog函数中添加如下代码: CString strText1; CSliderCtrl* pSlide1 = (CSliderCtrl*) GetDlgItem(IDC_SLIDER1); pSlide1->SetRange(0, 100); pSlide1->SetPos(50); strText1.Format("%d", pSlide1->GetPos()); SetDlgItemText(IDC_STATIC_SLIDER, strText1);
为了响应滑块移动的消息,添加WM_HSCROLL消息的响应(Slider是水平的,如果是垂直的,则需要响应WM_VSCROLL)。实现如下: void CEx9_9Dlg::OnHScroll(……) { if(pScrollBar->GetDlgCtrlID() == IDC_SLIDER1) CSliderCtrl* pSlide = (CSliderCtrl*) pScrollBar; CString strText; strText.Format("%d", pSlide->GetPos()); SetDlgItemText(IDC_STATIC_SLIDER,strText); } CDialog::OnHScroll(nSBCode, nPos, pScrollBar);
如果让用户以字符串形式输入,则由于输入的多样性,程序不好解析 9.8.5 Date Time Picker控件的使用 Date Timer Picker可以用来接收日期或者时间输入。用户可以直接按照指定的形式输入,也可以在弹出的日历控件中选择日期。 如果让用户以字符串形式输入,则由于输入的多样性,程序不好解析
在对话框上添加一个Date Time Picker控件,设置Format为“Short Date”,选择“Use Spin Control”,如果不选择使用Spin控件,则用户在弹出的日历控件中进行输入。在该控件旁边添加一个按钮,ID为“IDC_BUTTON_TIME”,Caption为“报时”。 在OnInitDialog中添加如下代码: CDateTimeCtrl* pDT = (CDateTimeCtrl*) GetDlgItem(IDC_DATETIMEPICKER1); CString formatStr= _T("'今天是: 'yy'/'MM'/'dd"); pDT->SetFormat(formatStr);
添加对【报时】按钮的点击事件的响应函数: void CEx9_9Dlg::OnButtonTime() { CDateTimeCtrl* pDT =(CDateTimeCtrl*) GetDlgItem(IDC_DATETIMEPICKER1); CTime t; pDT->GetTime(t); CString s = t.Format( "%A, %B %d, %Y %H:%M:%S" ); AfxMessageBox(s); }
9.8.6 List Control控件的使用 列表控件
列表控件是Windows应用程序中最常用的控件之一。最常见的用途就是资源管理器右边的文件列表。 MFC中使用CListCtrl类来封装列表控件的功能。 列表控件通常可以包括一个图标和一个标签。此外,每一项还可以具有其它附加信息,例如资源管理器中文件的具体信息就是附加信息。
列表控件的视图风格 图标视图:每项显示32×32图标,在图标下面显示标签。用户可以将图标拖放到视图内任何位置 小图标视图:每项显示16×16图标,在图标右边显示标签。用户可以将图标拖放到视图内任何位置 列表控件的视图风格 列表视图:每项显示16×16图标,在图标右边显示标签。每一项按列排列,不能随意拖动图标 报表视图:每项占一行,第一列是主项,显示16×16图标,在图标右侧显示标签。右边的列显示子项,具体由程序来决定
为使用列表控件,首先需要创建图标资源,在ResourceView的Icon一栏内创建8个图标资源 在Cex9_9Dlg类中增加成员如下: CImageList m_imageList; 在OnInitDialog函数中添加初始化图片列表的代码: HICON hIcon[8]; int n; m_imageList.Create(16, 16, 0, 8, 8); hIcon[0] = AfxGetApp()->LoadIcon(IDI_ICON_WHITE); hIcon[1] = AfxGetApp()->LoadIcon(IDI_ICON_BLACK); hIcon[2] = AfxGetApp()->LoadIcon(IDI_ICON_RED); hIcon[3] = AfxGetApp()->LoadIcon(IDI_ICON_BLUE); hIcon[4] = AfxGetApp()->LoadIcon(IDI_ICON_YELLOW); hIcon[5] = AfxGetApp()->LoadIcon(IDI_ICON_CYAN); hIcon[6] = AfxGetApp()->LoadIcon(IDI_ICON_PURPLE); hIcon[7] = AfxGetApp()->LoadIcon(IDI_ICON_GREEN); for (n = 0; n < 8; n++) m_imageList.Add(hIcon[n]);
创建标签资源,也就是每一项的文字,在OnInitDialog函数中添加如下实现代码: static char* color[] = {"white", "black", "red", "blue", "yellow", "cyan", "purple", "green"}; 有了这些资源,就可以创建列表控件了。 在对话框上添加一个List Control,其ID为IDC_LIST1,在样式中选择视图风格为List,并选择Edit lables选项。 视图风格为列表风格,也就是图标按列排列。设置【Edit lables】属性,允许用于可编辑标签。
为了创建控件,首先在OnInitDialog中添加如下代码: CListCtrl* pList = (CListCtrl*) GetDlgItem(IDC_LIST1); // 获得控件对象 pList->SetImageList(&m_imageList, LVSIL_SMALL); // 设置小图标图片列表 for (n = 0; n < 8; n++) { // 第一个参数为项id,第二个为标签文字,第三个为对应图片列表id pList->InsertItem(n, color[n], n); } pList->SetBkColor(RGB(0, 255, 255)); // 设置背景色 pList->SetTextBkColor(RGB(255, 0, 255)); //设置文字的背景色 现在编译运行已经可以看到列表的运行效果了。
在列表控件下添加static控件,ID为IDC_STATIC_LIST。对列表控件添加对LVN_ITEMCHANGED消息的响应: void CEx9_9Dlg::OnItemchangedList1(……) { NM_LISTVIEW* pNMListView = (NM_LISTVIEW*)pNMHDR; // TODO: Add your control notification handler code here CListCtrl* pList = (CListCtrl*) GetDlgItem(IDC_LIST1); int nSelected = pNMListView->iItem; if (nSelected >= 0) { CString strItem = pList->GetItemText(nSelected, 0); SetDlgItemText(IDC_STATIC_LIST, strItem); } *pResult = 0;
在设置控件属性时,设置了Edit labels属性,下面是对列表控件的NM_RCLICK消息的响应: void CEx9_9Dlg::OnRclickList1(……) { // TODO: Add your control notification handler code here NM_LISTVIEW* pNMListView = (NM_LISTVIEW*)pNMHDR; CListCtrl* pList = (CListCtrl*) GetDlgItem(IDC_LIST1); int nSelected = pNMListView->iItem; if (nSelected >= 0) pList->EditLabel(nSelected); *pResult = 0; }
运行程序,右击某一项,已可以编辑标签了,但无法保存编辑效果。若要保存,需要响应列表控件的LVN_ENDLABELEDIT消息,在这里可以判断新输入的文字是否合法,然后设置标签为编辑得到的文字: void CEx9_9Dlg::OnEndlabeleditList1(……) { LV_DISPINFO* pDispInfo = (LV_DISPINFO*)pNMHDR; // TODO: Add your control notification handler code here LVITEMA item = pDispInfo->item; CString str =item.pszText; str.TrimLeft(); str.TrimRight(); if(str.GetLength() > 0) { CListCtrl* pList = (CListCtrl*) GetDlgItem(IDC_LIST1); pList->SetItemText(item.iItem, item.iSubItem, item.pszText); } *pResult = 0;
9.8.7 Tree Control控件的使用 树状视图控件是一种用来显示层次结构的控件,例如Windows资源管理器左边的视图。视 图中的每一项包括一个标签,位图是可选的,每项还可以附加若干子项。点击每一项,可展开或合拢当前树节点
本例中继续使用List Control中的图标。接下来在对话框中添加树状控件,其ID为IDC_TREE1,选中Has buttons、Has lines、Lines at root和Edit labels属性 Has buttons:决定可展开项之前是否有“+”、“-”按钮 Has Lines:决定相关节点之间是否显示虚线连接 Lines at root:决定位于第一层的节点之间是否有虚线连接 Edit labels:表示标签是否可编辑
然后在OnInitDialog函数中添加如下代码: CTreeCtrl* pTree = (CTreeCtrl*) GetDlgItem(IDC_TREE1); pTree->SetImageList(&m_imageList, TVSIL_NORMAL); // 设置图片列表 TV_INSERTSTRUCT tvinsert; //创建待插入的TV_INSERTSTRUCT结构 tvinsert.hParent = NULL; // 无父结点 tvinsert.hInsertAfter = TVI_LAST; // 插入到本层最后 tvinsert.item.mask = TVIF_IMAGE | TVIF_SELECTEDIMAGE| TVIF_TEXT; //掩码:图标/选中图标/文字 tvinsert.item.hItem = NULL; // 句柄为空 tvinsert.item.state = 0; // 状态 tvinsert.item.stateMask = 0; // 状态掩码,不使用这两项 tvinsert.item.cchTextMax = 6; // 最大文字长度,忽略 tvinsert.item.iSelectedImage = 1; // 选中图标索引 tvinsert.item.cChildren = 0; // 没有子节点 tvinsert.item.lParam = 0; // 自定义数据
// 创建第一层 tvinsert.item.iImage = 2; // 一般图标 tvinsert.item.pszText = "father"; // 插入第一层第一个节点 HTREEITEM hDad = pTree ->InsertItem(&tvinsert); tvinsert.item.pszText = "mother"; // 插入第一层第二个节点 HTREEITEM hMom = pTree->InsertItem(&tvinsert); // 创建第二层 tvinsert.hParent = hDad; // 父节点为"father" tvinsert.item.iImage = 3; // 一般图标 tvinsert.item.pszText = "son"; // 插入第二层"father"的第一个节点 pTree->InsertItem(&tvinsert); tvinsert.item.pszText = "daughter"; // 插入第二层的第二个节点 tvinsert.hParent = hMom; // 父结点为"mother" tvinsert.item.iImage = 4;
tvinsert.item.pszText = "son"; // 插入第二层的第一个节点 pTree->InsertItem(&tvinsert); tvinsert.item.pszText = "daughter"; // 插入第二层的第二个节点 tvinsert.item.pszText = "cartoon"; // 插入第二层的第三个节点 HTREEITEM hOther = pTree->InsertItem(&tvinsert); // 创建第三层 tvinsert.hParent = hOther; // 父结点为"cartoon" tvinsert.item.iImage = 7; tvinsert.item.pszText = "Tom"; // 插入第三层的第一个节点Tom tvinsert.item.pszText = "Jerry"; // 插入第三层的第二个节点Jerry
理解上述代码的关键在于理解关键函数InsertItem和TV_INSERTSTRUCT和TV_ITEM数据结构。 InsertItem的函数执行的功能是向树状控件中插入一项,至于这一项什么样子,要插入到什么位置,全部由InsertItem的TV_INSERTSTRUCT类型的参数来描述,
下面通过添加一些对树状控件常用消息的响应来说明树状控件的一般使用方法。首先在树状控件旁边添加一个static控件,ID设置为IDC_STATIC_TREE。为树状控件添加对TVN_SELCHANGED消息的响应: void CEx9_9Dlg::OnSelchangedTree1(……) { NM_TREEVIEW* pNMTreeView = (NM_TREEVIEW*)pNMHDR; // TODO: Add your control notification handler code here CTreeCtrl* pTree =(CTreeCtrl*) GetDlgItem(IDC_TREE1); HTREEITEM hSelected = pNMTreeView->itemNew.hItem; if (hSelected != NULL) { char text[31]; TV_ITEM item; item.mask = TVIF_HANDLE | TVIF_TEXT; item.hItem = hSelected; item.pszText = text; item.cchTextMax = 30; VERIFY(pTree->GetItem(&item)); SetDlgItemText(IDC_STATIC_TREE, text); } *pResult = 0;
在向对话框添加控件时,设置了Edit labels属性,使得树状控件可编辑,双击节点文字便进入编辑状态,响应编辑状态结束消息呢的方法与响应列表控件的编辑结束消息完全一样。对TVN_ENDLABELEDIT消息的响应函数,实现如下: void CEx9_9Dlg::OnEndlabeleditTree1(……) { TV_DISPINFO* pTVDispInfo = (TV_DISPINFO*)pNMHDR; //TODO:Add your control notification handler code here TVITEMA item = pTVDispInfo->item; CString str =item.pszText; str.TrimLeft(); str.TrimRight(); if(str.GetLength() > 0) { CTreeCtrl* pTree =(CTreeCtrl*) GetDlgItem(IDC_TREE1); pTree->SetItemText(item.hItem,item.pszText); } *pResult = 0;
9.8.8 Extended Combo Box控件的使用 扩展的复合框继承自普通的复合框。MFC提供了CComboBoxEx来实现扩展复合框的功能。使用扩展的复合框,你不再需要自己实现在复合框中绘制图片的功能了。使用扩展的复合框可以通过图象列表来访问图象
pComboEx->SetImageList(&m_imageList); COMBOBOXEXITEM comboItem; 向对话框添加扩展对话框控件,ID为IDC_COMBOBOXEX1,类型(Type)为Dropdown。在OnInitDialog函数中添加如下代码: CComboBoxEx * pComboEx=(CComboBoxEx *)GetDlgItem(IDC_COMBOBOXEX1); pComboEx->SetImageList(&m_imageList); COMBOBOXEXITEM comboItem; comboItem.mask = CBEIF_IMAGE | CBEIF_INDENT | CBEIF_SELECTEDIMAGE | CBEIF_TEXT ; for(int i=0; i<3; i++) { comboItem.iItem = i; comboItem.iImage = i; comboItem.iSelectedImage = i; comboItem.iIndent = i; comboItem.pszText = color[i]; pComboEx->InsertItem(&comboItem); }