一 : MFC控件——ListCtrl控件[翻译](续)

 四、实践学习：一个ListCtrl的详细实现

1.切换到第一个对话框点击ListCtrl控件

2.在属性窗口，改变View属性为Report

3.创建ListCtrl的列，在OnInitDialog()中添加代码如下：

BOOL CDeptStore2Dlg::OnInitDialog()
{
CDialog::OnInitDialog();

// Set the icon for this dialog. The framework does this automatically
// when the application's main window is not a dialog
SetIcon(m_hIcon, TRUE); // Set big icon
SetIcon(m_hIcon, FALSE); // Set small icon

// TODO: Add extra initialization here
LVCOLUMN lvColumn;

lvColumn.mask = LVCF_FMT | LVCF_TEXT | LVCF_WIDTH;
lvColumn.fmt = LVCFMT_CENTER;
lvColumn.cx = 60;
lvColumn.pszText = "Item #";
this->m_StoreItems.InsertColumn(0, &lvColumn);

lvColumn.mask = LVCF_FMT | LVCF_TEXT | LVCF_WIDTH;
lvColumn.fmt = LVCFMT_LEFT;
lvColumn.cx = 100;
lvColumn.pszText = "Category";
this->m_StoreItems.InsertColumn(1, &lvColumn);

lvColumn.mask = LVCF_FMT | LVCF_TEXT | LVCF_WIDTH;
lvColumn.fmt = LVCFMT_LEFT;
lvColumn.cx = 160;
lvColumn.pszText = "Item Name";
this->m_StoreItems.InsertColumn(2, &lvColumn);

lvColumn.mask = LVCF_FMT | LVCF_TEXT | LVCF_WIDTH;
lvColumn.fmt = LVCFMT_LEFT;
lvColumn.cx = 80;
lvColumn.pszText = "Size";
this->m_StoreItems.InsertColumn(3, &lvColumn);

lvColumn.mask = LVCF_FMT | LVCF_TEXT | LVCF_WIDTH;
lvColumn.fmt = LVCFMT_RIGHT;
lvColumn.cx = 60;
lvColumn.pszText = "Unit Price";
this->m_StoreItems.InsertColumn(4, &lvColumn);

lvColumn.mask = LVCF_FMT | LVCF_TEXT | LVCF_WIDTH;
lvColumn.fmt = LVCFMT_RIGHT;
lvColumn.cx = 30;
lvColumn.pszText = "Qty";
this->m_StoreItems.InsertColumn(5, &lvColumn);

this->m_StoreItems.SetExtendedStyle(LVS_EX_FULLROWSELECT | LVS_EX_GRIDLINES);
return TRUE; // return TRUE unless you set the focus to a control
}

4.准备创建一个完全的项，设计一个第一个对话框如下：

Control	Caption	ID	Other Properties
Static Text	Category:
Combo Box		IDC_CATEGORIES	Data: Babies;Teens;Women;Men;Miscellaneous
Static Text	Item Name:
Edit Control		IDC_ITEMNAME
Static Text	Item Size:
Edit Control		IDC_ITEMSIZE
Static Text	Qty:
Edit Control		IDC_QUANTITY
Static Text	Unit Price:
Edit Control		IDC_UNITPRICE
Static Text	Item #:
Edit Control		IDC_ITEMNUMBER
Button	OK	IDOK
Button	Cancel	IDCANCEL

5.如下创建CString变量

ID	Value Variable
IDC_CATEGORIES	m_Categories
IDC_ITEMNAME	m_ItemName
IDC_ITEMSIZE	m_ItemSize 扩展：mfc listctrl控件 / mfc listctrl / mfc listctrl 清空
IDC_QUANTITY	m_Quantity
IDC_UNITPRICE	m_UnitPrice

6.在主窗口中，双击新建项改变它的实现为：

void CDeptStore2Dlg::OnBnClickedNewitem()
{
// TODO: 在此添加控件通知处理程序代码
CNewStoreItemDlg1 dlg;
srand( (unsigned)time(NULL) );
wchar_t strNumber[20];

int number1 = rand() % 999;
int number2 = rand() % 999;

swprintf(strNumber, TEXT("%d-%d"), number1, number2);
dlg.m_ItemNumber = strNumber;

if( dlg.DoModal() )
{
LVITEM lvItem;
int nItem;

lvItem.mask = LVIF_TEXT;
lvItem.iItem = 0;
lvItem.iSubItem = 0;
lvItem.pszText = strNumber;
nItem = this->m_StoreItems.InsertItem(&lvItem);

this->m_StoreItems.SetItemText(nItem, 1, dlg.m_Categories);
this->m_StoreItems.SetItemText(nItem, 2, dlg.m_ItemName);
this->m_StoreItems.SetItemText(nItem, 3, dlg.m_ItemSize);
this->m_StoreItems.SetItemText(nItem, 4, dlg.m_UnitPrice);
this->m_StoreItems.SetItemText(nItem, 5, dlg.m_Quantity);
}
}

7.运行应用程序，用下面的数据创建数据项（让计算机随机生成itemNumber）

Category	Item Name	Size	Qty	Unit Price
Women	Cashmere Lined Glove	8	12	115.95
Miscellaneous	Chocolate Gift Box	Medium	5	45.00
Men	Trendy Jacket	Medium	8	45.85
Women	Stretch Flare Jeans	Petite	6	27.75
Women	Belted Sweater	Large	10	15.95
Teens	Girls Classy Handbag	One Size	4	95.95
Women	Casual Dress Shoes	9.5M	16	45.95
Babies	Infant Girls Ballerina Dress	2M	14	22.85
Teens	Girls Velour Dress	10	8	12.55
Women	Lace Desire Panty	M	22	7.15
Teens	Boys Hooded Sweatshirt	M (7/8)	16	42.75
Men	Classic Pinstripe Suit	38	8	145.90

8.关闭窗口，返回应用程序

Views转换 

你可以创建一个ListCtrl显示一个单独的View，你也可以允许用户区改变从一个View到另外一个。[www.61k.com］和刚才所说的一样，在设计的时候或者程序动态创建一个ListCtrl，你可以设置一个初始化View用ComboBox去选择一个View。如果你想在初始化的时候显示，你可以停到那里，否则你可以提供改变的一种。

因为在一个ListCtrl显示的View是它风格的一部分。为了动态改变它的View模型，你可以用GetWindowLong()返回控件的风格。GetWindowLong()函数只返回当前控件的风格。你可能需要在改变它之前选择它。通过为GetWindowLong()函数增加LVS_TYPEMASK常量，在选择控件的View之后，你接着可以用SetWindowLong()函数来改变它的风格。示例如下：

void COthersDlg::OnIconBtn()
{
// TODO: Add your control notification handler code here
LONG mListStyle = GetWindowLong(m_List.m_hWnd, GWL_STYLE);
mListStyle &= ~LVS_TYPEMASK;
mListStyle |= LVS_ICON;
SetWindowLong(m_List.m_hWnd, GWL_STYLE, mListStyle);
}

void COthersDlg::OnSmallIconBtn()
扩展：mfc listctrl控件 / mfc listctrl / mfc listctrl 清空

{
// TODO: Add your control notification handler code here
LONG mListStyle = GetWindowLong(m_List.m_hWnd, GWL_STYLE);
mListStyle &= ~LVS_TYPEMASK;
mListStyle |= LVS_SMALLICON;
SetWindowLong(m_List.m_hWnd, GWL_STYLE, mListStyle);
}

void COthersDlg::OnListBtn()
{
// TODO: Add your control notification handler code here
LONG mListStyle = GetWindowLong(m_List.m_hWnd, GWL_STYLE);
mListStyle &= ~LVS_TYPEMASK;
mListStyle |= LVS_LIST;
SetWindowLong(m_List.m_hWnd, GWL_STYLE, mListStyle);
}

void COthersDlg::OnReportBtn()
{
// TODO: Add your control notification handler code here
LONG mListStyle = GetWindowLong(m_List.m_hWnd, GWL_STYLE);
mListStyle &= ~LVS_TYPEMASK;
mListStyle |= LVS_REPORT;
SetWindowLong(m_List.m_hWnd, GWL_STYLE, mListStyle);
}

五、实践学习：改变ListCtrl的View

1.在类视图中，扩展DeptStore2,右击CDeptStoreDlg2->Add->Add Function

2.设置返回值为DWORD类型，函数名为GetViewType

3.点击完成，函数实现如下：

DWORD CDeptStore2Dlg::GetViewType(void)
{
return (GetStyle() & LVS_TYPEMASK);
}

4.在类视图中，右击CDeptStore2Dlg->Add->Add Function

5.设置返回值为void，函数名称为SetViewType，参数类型为DWORD,参数名为dwViewType，点击Add。

6.点击完成，函数实现如下：

void CDeptStore2Dlg::SetViewType(DWORD dwViewType)
{
DWORD dwCurType;
HWND hWnd;
hWnd = this->m_StoreItems;

GetSafeHwnd();
dwCurType = ::GetWindowLong(hWnd, GWL_STYLE);
dwCurType &= ~LVS_TYPEMASK;
dwViewType |= dwCurType;
::SetWindowLong(hWnd, GWL_STYLE, dwViewType);
}

7.切换到第一个对话框，如下增加四个按钮：

Button ID	Caption
IDC_LARGE	Large
IDC_SMALL	Small
IDC_LIST	List
IDC_DETAILS	Details

8.双击Large按钮，如下实现OnBnClicked事件：

void CDeptStore2Dlg::OnBnClickedLarge()
{
// TODO: Add your control notification handler code here
SetViewType(LVS_ICON);
}

9.类似添加其他按钮的事件响应函数，如下：

void CDeptStore2Dlg::OnBnClickedSmall()
{
// TODO: Add your control notification handler code here
if( GetViewType() != LVS_SMALLICON)
SetViewType(LVS_SMALLICON);
}
void CDeptStore2Dlg::OnBnClickedList()
{
// TODO: Add your control notification handler code here
if( GetViewType() != LVS_LIST)
SetViewType(LVS_LIST);
}
void CDeptStore2Dlg::OnBnClickedDetails()
{
// TODO: Add your control notification handler code here
if( GetViewType() != LVS_REPORT)
SetViewType(LVS_REPORT);
}

10.保存

ListCtrl和Icon

ListCtrl可以将实现图片，显示记录或者将两者组合显示。如果你想在列上显示一幅位图，你应该声明一个CImageList变量并初始化。然后调用CListCtrl::SetImageList()方法，并为之传参。如果你想这么做，并且你用的是第一个版本传递LVCOLUMN指针参数CListCtrl::InsertColumn()方法，需要给mask参数添加LVCF_IMAGE值，并且为fmt添加LVCFMT_IMAGE值。指定的图像会显示在列的首项上，把列的索引赋给iImage变量。示例如下：

 

BOOL COthersDlg::OnInitDialog()
{
CDialog::OnInitDialog();

// TODO: Add extra initialization here
LVCOLUMN lvColumn;

CImageList *ImgHeaders = new CImageList;

ImgHeaders->Create(16, 16, ILC_MASK, 1, 1);
ImgHeaders->Add(AfxGetApp()->LoadIcon(IDI_UP));
ImgHeaders->Add(AfxGetApp()->LoadIcon(IDI_LOSANGE));

m_List.SetImageList(ImgHeaders, LVSIL_SMALL);

lvColumn.mask = LVCF_FMT | LVCF_TEXT | LVCF_WIDTH | LVCF_IMAGE;
lvColumn.fmt = LVCFMT_LEFT | LVCFMT_IMAGE;
lvColumn.cx = 120;
lvColumn.pszText = "Full Name";
lvColumn.iImage = 0;
m_List.InsertColumn(0, &lvColumn);

lvColumn.mask = LVCF_FMT | LVCF_TEXT | LVCF_WIDTH;
lvColumn.fmt = LVCFMT_LEFT;
lvColumn.cx = 100;
lvColumn.pszText = "Profession";
m_List.InsertColumn(1, &lvColumn);

lvColumn.mask = LVCF_FMT | LVCF_TEXT | LVCF_WIDTH | LVCF_IMAGE;
lvColumn.fmt = LVCFMT_LEFT | LVCFMT_IMAGE;
lvColumn.iImage = 1;
lvColumn.cx = 80;
lvColumn.pszText = "Fav Sport";
m_List.InsertColumn(2, &lvColumn);

lvColumn.mask = LVCF_FMT | LVCF_TEXT | LVCF_WIDTH;
lvColumn.fmt = LVCFMT_LEFT;
扩展：mfc listctrl控件 / mfc listctrl / mfc listctrl 清空

lvColumn.cx = 75;
lvColumn.pszText = "Hobby";
m_List.InsertColumn(3, &lvColumn);

return TRUE; // return TRUE unless you set the focus to a control
// EXCEPTION: OCX Property Pages should return FALSE
}

在控件上使用位图或图标，你应该首先创建位图或图。如果你不打算使用Report View并且你想使用位图，你可以创建一个很长的位图（由一些小的大小相似的位图组成）。每一幅图像供每一个项使用。正常情况下，每个图片应该大小为16*16或者更小。下面是示例：

 

位图是由6幅相同大小的图片组成的。如果你不打算使用Report View并且你打算使用icons，那么就应该单独的创建16*16大小的icon。

如果你想使用ReportView和其他Views显示控件项，如果你想使用位图，你用该创建两个长位图。一个应该是16*16大小的。这样的图片用来做小图标（small icon），List，和ReportViews。你应该创建第二个位图，大小为32*32。这些图片用来为ListView服务。

在你创建完位图或者图标之后，紧接着声明一个指向CImageList类的指针并且用CImageList::Create方法来初始化。调用CListCtrl::SetImageList()方法来确定有效。语法如下：

CImageList* SetImageList(CImageList* pImageList, int nImageList);

pImageList:CImageList变量或者已被初始化的指针。

nImageList:使用ImageList的类型标识，它可以是如下几个值：

Value	Description
LVSIL_NORMAL	The image list is made of large bitmap or icons, typically 32x32
LVSIL_SMALL	The image list is made of small bitmap or icons, typically 16x16
LVSIL_STATE	The image list is made of pictures that will be used as mask

你可以使用CListCtrl::InsertItem()的几个版本来实现，向列表项关联图片：

int InsertItem(int nItem, LPCTSTR lpszItem, int nImage );
int InsertItem(UINT nMask,
int nItem,
LPCTSTR lpszItem,
UINT nState,
UINT nStateMask,
int nImage,
LPARAM lParam );

nImage:使用图片的索引。

nMask:和LVITEM::mask成员类似，它简单的指定你需要在项上显示的信息。

nState:和LVITEM::state成员变量相似，指定项的行为。是否能被选中，失去焦点时，以及有没有剪切粘贴操作，高亮和拖拽功能。

nStateMask:用来结合nState参数。指定精确的类型信息。

lParam:和TVITEM的lParam成员一样，用来执行指定项的操作，例如牵涉到项的排序和查找。

六、实践学习：为ListCtrl控件项关联位图

1.创建位图，在主菜单，右击工程->添加资源，在添加资源对话框内选择位图->单击新建

2.在设置属性窗口中，改变ID为IDB_SMALLIMG，设置高度为16，宽度为144.设计如下位图：

3.在增加位图，设置ID为IDB_LARGING，设置宽度为32，高度为288。设计位图如下:

4.在主对话框的头文件中声明两个CImageList变量，如下：

private:

   CImageList m_SmallImg;

   CImageList m_LargeImg;

};

5. 在OnInitDialog()方法中添加如下初始化代码：

m_SmallImg.Create(IDB_SMALLING, 16, 1, RGB(255, 255, 255));
m_LargeImg.Create(IDB_LARGING, 32, 1, RGB(255, 255, 245));
m_StoreItems.SetImageList(&m_SmallImg, LVSIL_SMALL);
m_StoreItems.SetImageList(&m_LargeImg, LVSIL_NORMAL);

6.使用图像，改变新建的事件响应函数：

void CDeptStore2Dlg::OnBnClickedNewitem()
{
// TODO: 在此添加控件通知处理程序代码
CNewStoreItemDlg1 dlg;
srand( (unsigned)time(NULL) );
wchar_t strNumber[20];

int number1 = rand() % 999;
int number2 = rand() % 999;

swprintf(strNumber, TEXT("%d-%d"), number1, number2);
dlg.m_ItemNumber = strNumber;

if( dlg.DoModal() )
{
LVITEM lvItem;
int nItem;
int imgNbr;

if( dlg.m_Categories == TEXT("Babies") )
imgNbr = 0;
else if( dlg.m_Categories == TEXT("Teens") )
imgNbr = 1;
else if( dlg.m_Categories == TEXT("Women") )
imgNbr = 2;
else if( dlg.m_Categories == TEXT("Men") )
imgNbr = 3;
else // if( dlg.m_Category == "Miscellaneous" )
imgNbr = 4;

lvItem.mask = LVIF_TEXT;
lvItem.iItem = 0;
lvItem.iSubItem = 0;
lvItem.iImage = imgNbr;
lvItem.pszText = strNumber;
nItem = this->m_StoreItems.InsertItem(&lvItem);

this->m_StoreItems.SetItemText(nItem, 1, dlg.m_Categories);
this->m_StoreItems.SetItemText(nItem, 2, dlg.m_ItemName);
扩展：mfc listctrl控件 / mfc listctrl / mfc listctrl 清空

this->m_StoreItems.SetItemText(nItem, 3, dlg.m_ItemSize);
this->m_StoreItems.SetItemText(nItem, 4, dlg.m_UnitPrice);
this->m_StoreItems.SetItemText(nItem, 5, dlg.m_Quantity);
}
}

7.运行程序

<完>

扩展：mfc listctrl控件 / mfc listctrl / mfc listctrl 清空

二 : VC MFC列表框(CListBox)控件

列表框控件简单应用

重复性的过程我就不详细讲明了，只给出类里面函数的解释。(www.61k.com]

int CListBox::AddString( LPCTSTR lpszItem );//添加一个项，lpszItem是项文本内容

int CListBox::InsertString( int nIndex, LPCTSTR lpszItem );//同上，只不过这个可以指定项位置（索引）,由参数nIndex指定

int CListBox::GetCurSel( ) const;//获取当前选中项的索引，函数返回索引值

int CListBox::GetText( int nIndex,CString &rString ) const;//根据索引获得项文本

int CListBox::GetCount( ) const;//获取项数量

void CListBox::ResetContent( );//删除列表框所有的项

int CListBox::DeleteString( UINT nIndex );//根据项索引从列表框删除一个项

int CListBox::SetItemHeight( int nIndex, UINT cyItemHeight );//设置一个项的高度，注意：列表框具有

//LBS_OWNERDRAWVARIABLE风格才可以单独设置一个项的高度，否则是所有项的高度

自绘列表框

这里自绘要达到的效果，就是简单模仿一下QQ界面里类似列表框控件的那种效果，先往对话框里添加列表框控件.
然后再改一下列表框的属性，所有者绘制项选择固定，有字符串前面打上勾.

接着准备两张位图，一张用于列表框的背景，一张用于项选中时的背景，ID号分别为：IDB_BK、IDB_SELECTED

如下两张位图：

再导入五张位图（QQ头像），ID号保持默认不变。

从CListBox派生出子类CNewListBox，往CNewListBox添加一个函数，用于画位图，函数如下：

void CNewListBox::DrawBK(CDC *pDC, CRect rect, UINT uIDBK)
{
CDC memDC;
www.61k.com (pDC);//兼容DC
CBitmap bmp;
bmp.LoadBitmap(uIDBK);//加载位图
BITMAP bmpInfo;
www.61k.com (&bmpInfo);//获取位图信息
memDC.SelectObject(&bmp);//选入位图
pDC->StretchBlt(rect.left, www.61k.com ,rect.Width(),rect.Height(),&memDC,
0,0,bmpInfo.bmWidth,bmpInfo.bmHeight,SRCCOPY);
bmp.DeleteObject();
memDC.DeleteDC();
}

然后给CNewListBox添加WM_ERASEBKGND消息处理函数，这个消息是系统擦除背景时产生。我们就在这个函数里画背景位图，函数代码如下：

BOOL CNewListBox::OnEraseBkgnd(CDC* pDC)
{
// TODO: Add your message handler code here and/or call default
CRect rect;
GetClientRect(rect);
DrawBK(pDC,rect,IDB_BK);
return TRUE;
//return CListBox::OnEraseBkgnd(pDC);
}

再处理控件左键单击消息，刷新窗口，重绘背景,函数代码如下：

void CNewListBox::OnLButtonDown(UINT nFlags, CPoint point)
{
// TODO: Add your message handler code here and/or call default
this->Invalidate();
CListBox::OnLButtonDown(nFlags, point);
}

再添加一个函数，用于添加图标和文本内容，函数如下：

int CNewListBox::AddItem(DWORD bmpID, LPCTSTR lpszItem)
{
int Index=AddString(lpszItem);
SetItemData(Index,bmpID);
return Index;
}

添加DrawItem虚函数，代码如下：

void CNewListBox::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)
{
// TODO: Add your code to draw the specified item
CDC dc;
dc.Attach(lpDrawItemStruct->hDC);//dc
CRect rect=lpDrawItemStruct->rcItem;//项区域
if(lpDrawItemStruct->itemState&ODS_SELECTED)
DrawBK(&dc,rect,IDB_SELECTED);
CRect bmpRect(rect.left+2, www.61k.com +4,35,rect.bottom-4);//位图头像区域
DrawBK(&dc,bmpRect,lpDrawItemStruct->itemData);
rect.left+=40;
CString strText;
GetText(lpDrawItemStruct->itemID,strText);
dc.SetBkMode(TRANSPARENT);
dc.SetTextColor(RGB(0,255,0));//设置字体颜色
dc.DrawText(strText,rect,DT_VCENTER|DT_LEFT|DT_SINGLELINE);
dc.Detach();
}

给列表框关联变量m_ListBox，类型为CNewListBox,对话框初始化函数添加代码如下：

m_ListBox.AddItem(IDB_BITMAP1,"人生几何(如果...)");
m_ListBox.AddItem(IDB_BITMAP2,"天下H(记得那时候...)");
m_ListBox.AddItem(IDB_BITMAP3,"聆听(小鸟在唱歌...)");
m_ListBox.AddItem(IDB_BITMAP4,"岁月无声(千杯酒...)");
m_ListBox.AddItem(IDB_BITMAP5,"大地(在那些....)");
m_ListBox.SetItemHeight(0,40);//设置高度

运行效果：

这里有一个问题，那就单击选项时窗口闪烁的很明显，如果不绘制背景和使用内存DC的话，窗口闪烁可能会小一点

关于列表框背景位图的问题，可以响应对话框的WM_CTLCOLOR消息，在这个消息处理函数中，判断是否为列表框，如果是那就返回一个位图画刷，如在对话框类添加一个CBrush变量 brush;之后在对话框初始函数里创建位图画刷：

CBitmap bmp;
bmp.LoadBitmap(IDB_BK);
www.61k.com (&bmp);

WM_CTLCOLOR消息处理函数代码：

HBRUSH CThirdDlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor)
{
HBRUSH hbr = CDialog::OnCtlColor(pDC, pWnd, nCtlColor);
// TODO: Change any attributes of the DC here

扩展：mfc列表框控件的使用 / mfc列表框控件 / vc2008 mfc 串口控件

if(nCtlColor==CTLCOLOR_LISTBOX)
{

return (HBRUSH) www.61k.com ();
}
else return hbr;
// TODO: Return a different brush if the default is not desired
}

扩展：mfc列表框控件的使用 / mfc列表框控件 / vc2008 mfc 串口控件

本文标题：adodata控件mfc-MFC控件——ListCtrl控件[翻译](续)
本文地址： http://www.61k.com/1164270.html