（16）：ListView的多个视图

在上一个例子中，我们只用到了ListView的Report视图，也就是详细视图。本文我们再把上一篇文章中所用的例子进行一下扩展，例子源码可以到俺的资源区下载。 我们为ListView中显示的数据加上图标，并且允许用户选择显示哪种视图，如大图标，小图标，详细信息等。 因为代码还比较长，我也不希望把代码全部放出来，在写完本文后，我会将源码上传到资源中。当然了，我也不可能说每一行代码都解释一遍，那也不现实，而且，这样也不好，我不能主观地去怀疑读者的领悟能力。 ## 一、准备图标 既然要用到图标，为了简单方便，就用VS的资源编辑器随便画几下就有图标了，我们要准备两个图标，为什么呢？第一个图标是给EXE文件用的，而第二个图标是用在ListView中的。因为在生成的.exe文件的图标是选用我们最先添加到资源中的图标，为了使.EXE文件的图标和我们在ListView中用的图标不要一样（这样不好看），所以我们还是准备两个图标好一点。 图标中具备两个尺寸就够了——16*16和32*32，如果可能尽量用24位图，这样你能用更多的颜色。 ## 二、如何切换视图 改变ListView的视图，可以使用ListView_SetView宏，发送LVM_SETVIEW消息也可以，不过使用宏更方便。它的第一个参数指定LV控件的句柄，第二个参数是设置用哪个视图。 LV_VIEW_DETAILS——详细视图。 LV_VIEW_ICON——大图标列表。 LV_VIEW_LIST——列表视图。 LV_VIEW_SMALLICON——小图标。 LV_VIEW_TILE——平铺，如果我没记错的话，这个视图是在XP时引入的。 ## 三、ComboBox控件使用 为了可以让用户选择一个视图，自然要提供对应的操作界面，这是一种多选一的方式，用单选按钮和下拉拉表框都可以，不过，单选按钮要占用更多地方而且处理的消息更多，相对麻烦，所以，还是ComboBox好一些。 用ComboBox_AddString宏就可以向ComboBox中添加项，比如本例。 ~~~ // 初始化ComboBox，以选择视图 hcbb = GetDlgItem(hDlg, IDC_CBVIEW); ComboBox_AddString(hcbb, L"大图标"); ComboBox_AddString(hcbb, L"小图标"); ComboBox_AddString(hcbb, L"列表"); ComboBox_AddString(hcbb, L"详细"); ~~~ 当用户操作了ComboBox，它同样会发送一条WM_COMMAND消息，而我们之前已经响应过这条消息，看看例子，我们前面有一个“添加”按钮和一个“清除”按钮，它被点击后也会发送WM_COMMAND消息。因此，我们要做更详细的处理。 还记得吧，WM_COMMAND的wParam参数的低字节位表示发送该消息的控件的ID，高字节位表示“通知码”。lParam是控件的句柄。我们判断ID知道用户操作的是ComboBox控件还不够，因为我不知道用户对这个控件做了哪些操作，是弹出下拉列表？还是收起下拉列表？或者选择了另一个项？ 而我们这里要做的是，看用户选择了哪个视图，我们的ListView控件就显示哪种视图，显然，在通知码中，我们是对CBN_SELCHANGE感兴趣，因为选择的索引值一旦改变，就会收到这个通知码。 ~~~ case IDC_CBVIEW: if (HIWORD(wParam) == CBN_SELCHANGE) { // 当前选择项的索引 int index = SendMessage((HWND)lParam, CB_GETCURSEL, 0, 0); // 根据选择设置视图 DWORD lvView; switch (index) { case 0: lvView = LV_VIEW_ICON; break; case 1: lvView = LV_VIEW_SMALLICON; break; case 2: lvView = LV_VIEW_LIST; break; case 3: lvView = LV_VIEW_DETAILS; break; default: lvView = LV_VIEW_DETAILS; break; } ListView_SetView(GetDlgItem(hDlg, IDC_LV), lvView); } break; } ~~~ 发送CB_GETCURSEL消息，可以得到ComboBox中当前选定项的索引值。 ## 四、向ListView添加图标 先用ImageList_Create创建图像列表，然后用ImageList_AddIcon宏向列表中添加图标。因为我们要用大图标和小图标，所以要创建两个图像列表，一个放置大图标，另一种放置小图标，因为同一个Image List中放置的所有图像的尺寸必须相同。 ~~~ // 初始化ImageList hImgListSm = ImageList_Create(GetSystemMetrics(SM_CXSMICON),GetSystemMetrics(SM_CYSMICON),ILC_MASK,1,0); hImgListLg = ImageList_Create(GetSystemMetrics(SM_CXICON),GetSystemMetrics(SM_CYICON),ILC_MASK,1,0); hicon = LoadIcon(hgAppInst,MAKEINTRESOURCE(IDI_ITE)); // 添加图标 ImageList_AddIcon(hImgListSm, hicon); ImageList_AddIcon(hImgListLg, hicon); DestroyIcon(hicon); ~~~ 接着，用ListView_SetImageList把Image List和ListView关联起来。 ~~~ // 将ListView与ImageList关联 ListView_SetImageList(hListview, hImgListLg, LVSIL_NORMAL); ListView_SetImageList(hListview, hImgListSm, LVSIL_SMALL); ~~~ 在向ListView添加项时，设置LVITEM结构体的iImage字段为图像列表中对应图像的索引，因为我们只添加了一个图标，所以，索引是0. ~~~ LVITEM vitem; vitem.mask = LVIF_TEXT | LVIF_IMAGE; vitem.iImage = 0; ~~~ ImageList_Create返回的是一个句柄，它也是一种资源，所以，在不需要它了，就得记得把它销毁。在我们的对话框发生WM_DESTROY的同时将其销毁。 ~~~ case WM_SYSCOMMAND: if (wParam == SC_CLOSE) { // 销毁ImageList ImageList_Destroy(hImgListLg); ImageList_Destroy(hImgListSm); DestroyWindow(hListview);//不再需要 DestroyWindow(hDlg); } return 0; ~~~ 另外，补充一个小知识，要得到对话框中某个控件的句柄，可以调用GetDlgItem函数，这也是我们为什么要为控件设置ID值的原因。 程序运行后，就可以通过选择下拉列表来动态改变ListView的视图了。     好了，要过年了，这是新年前最后一篇博文，过完年后，我们继续。我也希望，后续能与大家一起分享更多的知识和编程技巧。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ **祝大家** **新春快乐，生活愉快，身体健康，工作顺利，明年更有成就。** **祝各位以及各位的亲朋好友们，新年快乐。**