VC常用控件的使用

原文地址：【转】VC常用控件的使用 作者：keen

4.1.1 控件基础知识

控件（Control）是一种子窗口，应用程序用它来与其他窗口一起完成简单地输入输出操作。这些控件各自有不同的用途，但总的来说分成两大类：一类只用于输出，另一类用于输入和输出，具体的功能如表4-1所示。

表4-1                    MFC常用控件

 

控件名称	用途	MFC对应的类
静态文本框	一般显示一段固定不变的文字	CStatic
图片控件	显示图形
群组控件	将一组控件圈起来，这样看起来美观得多	CButton
编辑控件	用户可以任意输入各种文本，同时可以查看已有内容	CEdit
数字滚选按钮	提供两个方向相反的箭头按钮，用来正向或反向逐次改变选项	CSpinButtonCtrl
按键按钮	用来产生某些命令	CButton
复选框	复选框的外形是一个空心方框，当它被选中时，复选框中就加上了一个“√”
单选框	单选按钮的外形是一个图圈，当它被选中时，按钮中心会出现一个黑点。一组单选按钮最多只能有一个被选上
列表框	显示一个列表让用户选择一项或多项	CListBox
组合框	将列表框和编辑框有机的结合起来，用户可以选择已有的项，也可以增加新项	CComboBox
滚动条	滚动条可以是一个单独的控件，也可以是窗口的一部分。当滚动条作为其他窗口的一部分时，由系统自动处理。按滚动条的走向，可分为竖直滚动条和水平滚动条两种类型，其组成部分是一样的，两端是箭头按钮，中间是一个可沿滚动条移动的滚动块	CScrollBar
进度条	显示任务完成的进度情况	CProgressCtrl
滑标控件	与滚动条类似，但滑槽两侧可标上刻度	CSliderCtrl
树状控件	显示树状分层结构	CTreeCtrl
多功能编辑框	编辑框的加强版，功能更加全面	CRichEditCtrl

 

4.1.4 控件的公共函数

所有的控件都继承于窗口类（CWnd），所以我们用CWnd类的函数来控制控件，CWnd类与控件有关的函数如下：

 

BOOL EnableWindow( BOOL bEnable = TRUE );

此函数用于禁用（或启用）窗口。bEnable为真表示启用窗口，为假表示禁用窗口。禁用的窗口以灰色显示，无法响应用户的输入。

 

BOOL UpdateData( BOOL bSaveAndValidate = TRUE );

当用户完成输入后，调用UpdateData(TRUE)来更新与控件相关联的数据；当应用程序修改完数据后，调用UpdateData(FALSE)来更新控件的显示。CDialog类的UpdateData会调用此对话框上所有的控件的UpdateData。CDialog的OK函数会自动调用UpdateData(true)。

 

BOOL ShowWindow( int nCmdShow );

此函数用于显示（或隐藏）窗口，nCmdShow为SW_HIDE隐藏控件，为SW_SHOW激活并显示控件。

 

ClientToScreen和ScreenToClient

这两个函数分别用于客户区坐标转换为屏幕坐标、屏幕坐标转换为客户区坐标。

 

SetWindowText 和GetWindowText

这两个函数分别用于设置取得控件标题。

 

CWnd::MoveWindow

void MoveWindow( int x, int y, int nWidth, int nHeight, BOOL bRepaint = TRUE );

void MoveWindow( LPCRECT lpRect, BOOL bRepaint = TRUE );

此函数用于移动窗口。x、y是新窗口左上角的坐标，nWidth、nHeight是新窗口的宽和高。lpRect是含有新窗口位置和坐标信息的CRect对象或RECT结构。bRepaint表示是否重绘。如果是顶层窗口，坐标是相对屏幕左上角的坐标，如果是子窗口坐标是相对于父窗口的客户区的左上角。

 

GetWindowRect

此函数用于取得窗口相对于屏幕左上角的坐标。

 

GetClientRect 

此函数用于取得窗口客户区相对于自己的客户区的坐标，左上角一定是（0,0）。

4.1.5 各控件的使用

1．图片控件

图片控件显示一幅图形，它的Type属性决定图片的类型。

¡  Frame（框架）：该类型的图片控件会显示一个空心矩形，颜色属性决定它的颜色。

¡  Rectangle（矩形）：该类型的图片控件会显示一个实心矩形，颜色属性决定它的颜色。

¡  Icon（图标）：该类型的图片控件会显示一个图标，Image属性是要显示的图标的ID。

¡  Bitmap（位图）：该类型的图片控件会显示一幅位图，Image属性是位图的ID。

2．编辑框

用户可以在编辑框中输入文字、数字，并能剪切、粘贴、拷贝、删除输入字符。编辑框获得焦点时，就会出现一个闪动的插入符，指明当前插入的位置。

¡  Auto Hscroll：选中此属性后，当用户输入的内容超过编辑框后，编辑框会自动滚动；没有选中时，当用户输入的内容超过编辑框后，无法再输入。

¡  Password：此属性定义此编辑是密码框，输入的内容无法查看也不能被复制。。

¡  Read Only：此属性定义编辑框是只读编辑框，只能输出不能输入，可以从此编辑框复制东西，再粘贴到其他地方。

下面以一个简单的例子演示编辑框的用法。

（1）利用应用程序向导新建一个基于对话框的程序Ex040105a。

（2）将已有的静态文本框的标题改成“请输入一个0到100的整数”。

（3）增加一个编辑框。

（4）为这个编辑框关联一个整数型的成员变量。按下Ctrl+W组合键打开类向导，激活成员变量（Member Variables）属性页，“Class Name”选择CEx040105aDlg，双击IDC_EDIT1，打开“Add Member Variable”对话框，填写如图4-5所示的内容。

 

 

图4-5  “Add Member Variable”对话框

（5）填完后，单击“OK”按钮返回到“MFC ClassWizard”对话框，在最小值（Minimum Value）处输入0，最大值（Maximum Value）处输入100，如图4-6所示。

 

图4-6  MFC类向导设置关联变量的范围

（5）双击IDD_EX040105A_DIALOG对话框中的“OK”按钮，为它添加响应函数，具体代码如下：

void CEx040105aDlg::OnOK()

{

    CDialog::OnOK(); 

    CString strMess ;

    strMess.Format("你输入的是%dn",m_iIntValue);

    AfxMessageBox(strMess);

}

（6）按下Ctrl+F5组合键创建并运行Ex040105a.exe，查看效果。 

3．数字滚选按钮

在Ex040105a例子的编辑框右边加一个数字滚选按钮，选中“Auto buddy”和“Set buddy integer”复选框，如图4-7所示。

 

图4-7　数字滚选按钮属性对话框

按下Ctrl+F5组合键创建并运行Ex040105a.exe，单击数字滚选按钮下面的箭头，编辑框的数字会加1；单击数字滚选按钮上面的箭头，编辑框的数字会减1。

注意：编辑框的Tab Order一定比数字滚选按钮小1。

4．按键按钮

编辑对话框时，双击按钮，会弹出“增加函数”对话框（如图4-8所示），输入新函数（或直接使用默认函数名）后，单击“确定”按钮，即可为按钮增加响应函数。

 

图4-8　增加成员函数对话框

5．复选框单选框

下面以一个具体的例子演示复选框和单选框的用法。

（1）利用应用程序向导新建一个基于对话框的程序Ex040105b。

（2）在对话框上加一个静态文本框和两个单选框，标题分别是“性别”、“男”、“女”，第一个单选框选中群组（Group）属性，按下Ctrl+T组合键测试一下，是否只能选“男”或“女”。

（3）利用类向导，为第一个单选框增加一个整型的成员变量m_iSex。

（4）增加1个静态文本框和3个复选框，标题分别是“个人爱好”、“中国象棋”、“上网聊天”和“电脑游戏”。

（5）双击“确定”按钮增加响应函数，具体代码如下：

void CEx040105bDlg::OnOK()

{

    CDialog::OnOK(); 

    CString strMess ;

    if(0 == m_iSex)

       strMess = "你是帅哥n";

    else if(1 == m_iSex)

       strMess = "你是美女n";

    else

       strMess = "性别未知n";

 

 

    //复选框也可以关联变量，如果关联的变量值为true表示被选中，此处用另外一种方法。

    strMess += "---------------n你的受好n";

    CButton * pBtn = NULL ;

    pBtn = (CButton * )GetDlgItem(IDC_CHECK1);

    if(NULL != pBtn  && pBtn->GetCheck())

       strMess += "中国象棋n";

    pBtn = (CButton * )GetDlgItem(IDC_CHECK2);

    if(NULL != pBtn  && pBtn->GetCheck())

       strMess += "上网聊天n";

    pBtn = (CButton * )GetDlgItem(IDC_CHECK3);

    if(NULL != pBtn  && pBtn->GetCheck())

       strMess += "电脑游戏n";

 

    AfxMessageBox(strMess);

}

（6）为了美观，可以加一个群组控件，并把对话框的标题改成“个人信息”，按Ctrl + F5组合键创建并运行Ex040105b.exe，效果如图4-9所示。

 

图4-9　个人信息对话框

6．列表框

下面以一个具体的例子演示如何使用列表框。

（1）利用应用程序向导新建一个基于对话框的程序Ex040105c。

（2）增加一个ListBox，利用类向导为它关联一个控制型的成员变量，关联的类是ClistBox，变量名是m_nameListBox。

（3）在CEx040105cDlg::OnInitDialog()函数中初始化ListBox。

BOOL CEx040105cDlg::OnInitDialog()

{

    //…  

    int nItem = m_nameListBox.AddString("张三");

    m_nameListBox.SetItemData(nItem,3);

    nItem = m_nameListBox.AddString("李四");

    m_nameListBox.SetItemData(nItem,5);

    nItem = m_nameListBox.AddString("王五");

    m_nameListBox.SetItemData(nItem,7);

 

    return TRUE;  // return TRUE  unless you set the focus to a control

}

（4）按下Ctrl+F5组合键创建并运行Ex040105c.exe，可以看到列表框中已经有了3项数据。

（5）为ListBox增加LBN_SELCHANGE消息的响应函数，具体代码如下：

void CEx040105cDlg::OnSelchangeList1()

{

    int nSel = m_nameListBox.GetCurSel();

    if(-1 != nSel)

    {

       CString strName ;

       m_nameListBox.GetText(nSel,strName);

       UINT uID = m_nameListBox.GetItemData(nSel);

       CString strMess ;

       strMess.Format("你选中了%s,他是的ID是%u",strName,uID);

       AfxMessageBox(strMess);

    }

} 

7．组合框

下面以一个具体的例子演示组合框的用法。

（1）利用应用程序向导新建一个基于对话框的程序Ex040105d。

（2）增加一个组合框，并在它的Data属性中增加数据，可以按Ctrl + Enter键使数据分行排列，如图4-10所示。

 

图4-10　组合框的Data属性

（3）按下Ctrl + F5组合键创建并运行Ex040105d.exe，查看效果。用户可以输入新的爱好，也可以单击组合框展开列表，从中择合适的爱好。

（4）为确定按钮增加响应函数，代码如下：

void CEx040105dDlg::OnOK()

{

    CString strMess ;

    GetDlgItem(IDC_COMBO1)->GetWindowText(strMess);

    strMess = "你的爱好是:" + strMess ;

    AfxMessageBox(strMess);

   

    CDialog::OnOK();

}

 

8．进度条

下面以一个具体的例子演示进度条的用法。

（1）利用应用程序向导新建一个基于对话框的程序Ex040105e。

（2）在主对话框上增加一个进度条，并关联一个变量m_progress。

（3）在对话框初始化的函数中加上如下代码：

BOOL CEx040105eDlg::OnInitDialog()

{

    //…      

    m_progress.SetRange(0,100);//设置进度的下限和上限，默认值是0和100。

    m_progress.SetStep(5);//设置StepIt一次移动多少进度，默认值是10。

    m_progress.SetPos(0);//设置进度条的初始进度。

   

    return TRUE;  // return TRUE  unless you set the focus to a control

}

（4）增加一个按钮，标题改为下一步，为它增加响应函数。

void CEx040105eDlg::OnButton1()

{

    m_progress.StepIt();

}

（5）按下Ctrl + F5组合键创建并运行Ex040105e.exe，根据实际效果调整进度条的宽度。启动后的效果如图4-11所示，单击10次“下一步”按钮，效果如图4-12所示，单击20次“下一步”按钮的效果如图4-13所示。

 

图4-11  Ex040105e.exe效果图一

 

图4-12  单Ex040105e.exe效果图二

 

图4-13  Ex040105e.exe效果图三

9．滑标控件

下面以一个具体的例子演示如何使用滑标控件。

（1）利用应用程序向导新建一个基于对话框的程序Ex040105f。

（2）增加一个滑标控件，利用类向导为其关联一个变量CSliderCtrl   m_Slider。[a1] [a1]

（3）在CEx040105fDlg::OnInitDialog()的最后增加如下代码：

BOOL CEx040105fDlg::OnInitDialog()

{  

    //…

    m_Slider.SetRange(0,20);//范围是0到20

    m_Slider.SetLineSize(4);//键盘的方向键一次移动4单位

    m_Slider.SetPageSize(5);//用户单击一下鼠标移动5单位

    //鼠标拖动一次移动1单位

   

    return TRUE;  // return TRUE  unless you set the focus to a control

}

（4）增加“确定”按钮的响应函数，代码如下：

void CEx040105fDlg::OnOK()

{

    int nScale = m_Slider.GetPos();

    CString strMess ;

    strMess.Format("当前刻度是%d",nScale);

    AfxMessageBox(strMess);

 

    CDialog::OnOK();

}

（5）按下Ctrl + F5组合键创建并运行Ex040105f.exe，效果如图4-14所示。

 

图4-14  Ex040105f.exe效果图

10．多功能编辑框

要使用功能编辑框，必须在应用程序类的InitInstance( )函数中调用AfxInitRichEdit( )否则对话框弹不出来。

11．处理日期时间和日历的控件

标准控件中有专门处理日期和时间的控件──日期时间控件（Data Time Picker），它对应的类是CDateTimeCtrl。此控件有两个重要属性──“格式”（Format）属性和“滑标控制”（Use Spin Control）属性，如图4-15所示。

 

图4-15  日期时间控件属性

格式属性决定了控件的类型，它有3个值：短日期（Short Date）、长日期（Long Date）、时间（Time）。“滑标控制”属性决定了更改日期（或时间）的方式。

注意：如果格式属性为时间，则“滑标控制”属性不能更改。

图4-16展示了这两种属性取各种不同值的区别，第一行不钩选“滑标控制”属性，第二行钩选“滑标控制”属性；第一列格式属性是短日期，第二列格式属性是长日期，第三列格式属性是时间。

 

图4-16  日期时间控件不同属性的区别

用户可以直接输入，也可通过滑标控件加一减一。如果不使用“滑标控制”，单击控件最右端会弹出如图4-17所示的新窗口，有4种方法操作此窗口。

 

图4-17  日历窗口

（1）直接选择日期。

（2）单击左上角或右上角的箭头更改月份。

（3）单击年份（如2006）激活控件后修改，如图4-18所示。

 

图4-18  通过日历窗口修改年份

（4）单击月份在弹出的快捷菜单中选择具体的月份，如图4-19所示。

 

图4-19  通过日历窗口修改月份

4.2.2   ListCtrl示例

本节将介绍ListCtrl的使用，ListCtrl有4种显示方式：大图标、小图标、列表和详细资料。下面通过一个实例对以上4种显示方式进行讨论，其中大图标的效果如图４-21所示。

 

图4-21　Ex040202大图标预览

具体步骤如下：

（1）利用应用程序向导新建一个基于对话框的程序Ex040202。

（2）增加一个列表控件，ID为IDC_STU_LIST，利用类向导为其关联一个CListCtrl变量m_stuList。

（3）增加一幅位图IDB_ICON，长96，宽32，由3幅小位图组成。再增加一幅位图IDB_SMALL_ICON。增加两个保护级成员如下：

CImageList m_imageList ;

CImageList m_smallImageList ;

（4）在主对话框的初始化函数中增加以下代码。

BOOL CEx040202Dlg::OnInitDialog()

{  

    //…

    //增加列头

    m_stuList.InsertColumn(0,"姓名",LVCFMT_LEFT,100);

    m_stuList.InsertColumn(1,"特长",LVCFMT_LEFT,100);

 

    //增加内容

    int nItem = m_stuList.InsertItem(0,"张三",2);

    m_stuList.SetItemText(nItem,1,"热爱自然");

    nItem = m_stuList.InsertItem(1,"李四",1);

    m_stuList.SetItemText(nItem,1,"热爱科学");

    nItem = m_stuList.InsertItem(2,"王五",0);

    m_stuList.SetItemText(nItem,1,"热爱运动");

 

    //读取图标信息

    {

       CBitmap bt ;

       bt.LoadBitmap(IDB_ICON);

       m_imageList.Create(32,32,ILC_COLOR24,3,1);

       m_imageList.Add(&bt,RGB(216,233,236));//将RGB(216,233,236)变成透明色

    }

    {

       CBitmap bt ;

       bt.LoadBitmap(IDB_SMALL_ICON);

       m_smallImageList.Create(16,16,ILC_COLOR24,3,1);

       m_smallImageList.Add(&bt,RGB(216,233,236));//将RGB(216,233,236)变成透明色

    }  

    //设置图像

    m_stuList.SetImageList(&m_imageList,LVSIL_NORMAL );

    m_stuList.SetImageList(&m_smallImageList,LVSIL_SMALL );

   

    return TRUE;  // return TRUE  unless you set the focus to a control

}

（5）增加一个按钮，ID为ID_SELECT，标题为“选中”，并为它增加响应函数。

void CEx040202Dlg::OnSelect()

{

    CString strMess = "你选中了如下学生，他们的姓名及爱好是   n------------ n";  

    POSITION pos = m_stuList.GetFirstSelectedItemPosition();

    if(NULL != pos )

    {

       while(NULL != pos )

       {

           int nItem = m_stuList.GetNextSelectedItem(pos);

           strMess += m_stuList.GetItemText(nItem,0) ;//取姓名

           strMess += "t";

           strMess += m_stuList.GetItemText(nItem,1) ;//取爱好

           strMess += "n";

       }

       AfxMessageBox(strMess);

    }  

}

(6）按下Ctrl + F5组合键创建并运行Ex040202.exe。选中一个或多个学生后单击“选中”按钮。

(7）增加一个私有函数，具体代码如下：

void CEx040202Dlg::SetStyle(DWORD uStyle)

{

    LONG   lStyle;    

    lStyle = GetWindowLong(m_stuList.m_hWnd,GWL_STYLE);//获取当前窗口类型  

    lStyle &= ~LVS_TYPEMASK;   //清除显示方式位     

    lStyle |= uStyle;   //设置显示方式   

    SetWindowLong(m_stuList.m_hWnd,GWL_STYLE,lStyle);//设置窗口类型 

}

（8）增加4个按钮，ID分别为IDC_ICON、IDC_LIST、IDC_REPORT、IDC_SMALL_ICON，标题分别是图标、列表、详细资料和小图标。为它们增加以下响应函数：

void CEx040202Dlg::OnIcon()

{

    SetStyle(LVS_ICON);//图标  

}

 

void CEx040202Dlg::OnList()

{

    SetStyle(LVS_LIST);//列表  

}

 

void CEx040202Dlg::OnReport()

{

    SetStyle(LVS_REPORT);//详细资料

}

 

void CEx040202Dlg::OnSmallIcon()

{

    SetStyle(LVS_SMALLICON);//小图标

}

（9）按下Ctrl + F5组合键创建并运行Ex040202.exe，单击这四个按钮查看列表框的各种形式。

（10）为了美观加一个群组控件，去掉“确定”按钮，把“取消”按钮改成“关闭”按钮。