CMFCShellList和自定义ShellList结合使用，达到“直接浏览缩略图，双击打开图片”

2021-12-27 10:14:30

在GOPaint的设计研究过程中，我一直希望能够实现这样的结果（A B C 3个步骤)

CMFCShellList和自定义ShellList结合使用，达到“直接浏览缩略图，双击打开图片”

在我之前的博客里面，曾经有过缩略图显示的现就(http://www.cnblogs.com/jsxyhelu/p/5493329.html ),也应用到了实际的项目中。但是现在过了一段时间后回头再看，当时的实现放吧是粗糙的。基于MFC已经提供的基础库，通过c++自己的重载机制，应该能够得到精巧的实现，但是肯定需要去重写一些东西。

为了解决问题，达到效果，进行了一些研究。

一、CMFCShellList和CMFCShellTree基本结合；

这两个控件是新出现的，使用起来比较简单。

DIalog的方便之处就在于“所见及所得”，这里绑定控件变量。

在initdialog中添加两句，就能得到效果

    m_ctrlShellList.ModifyStyle(LVS_TYPEMASK, LVS_ICON);
    m_ctrlShellTree.SetRelatedList(&m_ctrlShellList);

Tree的结果和List的结果是级联的。但是显示不了缩略图，只能够显示图标。

二、对CMFCShellList和CMFCShellTree的继承和研究；

如果要更好地使用这两个类，必须首先继承之后使用，在这个过程中，我才能够重写函数和事件：

在原始的mfcshelllistctrl控件中，如果双击其中的文件（图片）的话，是采用默认的打开程序打开文件（图片），那么我要把这个修改成使用我自己的程序来打开图片，所以首先就需要进行CMFCShellListCtrl的重载

#pragma once
#include "afxshelllistctrl.h"
class CGOShellListCtrl :
    public CMFCShellListCtrl
{
public:
    CGOShellListCtrl(void);
    ~CGOShellListCtrl(void);
    DECLARE_MESSAGE_MAP()
    afx_msg void OnNMDblclk(NMHDR *pNMHDR, LRESULT *pResult);
};

修改OnNMDblclk事件

void CGOShellListCtrl::OnNMDblclk(NMHDR *pNMHDR, LRESULT *pResult)
{
    LPNMITEMACTIVATE pNMItemActivate = reinterpret_cast<LPNMITEMACTIVATE>(pNMHDR);
    CString Filename;  
    for(int i=0; i<GetItemCount(); i++)    
    {    
        if( GetItemState(i, LVIS_SELECTED) == LVIS_SELECTED )    
        {    
            GetItemPath(Filename,i);  
            AfxMessageBox(Filename);    
        }    
    }    
    *pResult = 0;
}

得到能够显示双击文件绝对地址的目的：

那么下一步，需要将这个地址传入主程序，这个方法很多。

同样，也可以对CMFCShellTreeCtrl进行重载，得到当前的目录地址。

三、但是还是需要显示缩略图；

但是，核心问题还是没有解决，现在还是显示不了缩略图。

一开始我想通过重写List的CUSTOMDRAW事件来达到效果，但是研究一些资料之后，可以修改ListCtrl的样式，却无法修改主要内容。虽然CUSTOMDRAW中也提供了控价重构的机制，但是隐藏在许多宏中，不方便使用；

最后我开始反思之前我的ThumbNail是如何实现的，最后决定还是采用imagelist绑定的方法来解决问题。

这时，可以肯定基本是不用CMFCShellListCtrl了，而是要继承原始的CListCtrl,基本思路就是从CMFCTreeListCtrl中获得路径名称，而后在自定义的List控件中显示出来。并且还要截获List的点击事件，那么获得选择图片的绝对地址。

其实在这个过程中，过滤后缀名等操作也是可以完成的。

四、DLG下的实验

为了进行试验，我首先在DLG下面进行了实验。效果良好：

双击打开图片，感觉速度上面还是有些问题。

这个DLG的例子可以参考附录里面的thumbnail例子，基本就是根据其修改的。

五、融合到GOPaint中去：

GOPaint是我目前正在做的OpenCV图像处理框架库，力图能够提供大中型图像处理软件所需的基础环境。那么缩略图也是必须的一个环节。

采用的是浮动窗口，比较美观。毕竟要把主要区域用出来，显示图片。

在这里融合的时候，我就有意识地将代码进行合并。

对于ListCtrl和CMFCShellTreeCtrl分别进行了重载。这里还是选择了ListCtrl进行重载，因为CMFCShellListCtrl中的优秀特性这里用不起来。

SplitePane继承于CDockablePane，是一个悬浮框类。那么在这个悬浮框中我将

 CGOShellTreeCtrl m_wndTree;
 CGOListCtrl m_ListThumbnail;
 CPaneSplitter m_wndSplitter;
 CImageList m_ImageListThumb;

都放在其中，还包括一些存储用的变量。这样的结果就是如果以后在其他地方需要使用，只需要将这几个文件拷贝过去复用就可以了。

#pragma once
#include "afxshelltreectrl.h"
#include "afxshelllistctrl.h"
#include "panesplitter.h"
#include "GOShellTreeCtrl.h"
#include "GOListCtrl.h"
#include "afxwin.h"
#include <vector>
// CSplitePane
class CSplitePane : public CDockablePane
{
    DECLARE_DYNAMIC(CSplitePane)
public:
    CSplitePane();
    virtual ~CSplitePane();
protected:
    DECLARE_MESSAGE_MAP()
public:
    afx_msg int OnCreate(LPCREATESTRUCT lpCreateStruct);
    afx_msg void OnSize(UINT nType, int cx, int cy);
    afx_msg void OnDestroy();
public:
    CGOShellTreeCtrl m_wndTree;
    CGOListCtrl m_ListThumbnail;
    CPaneSplitter m_wndSplitter;
    CPaneToolBar m_wndToolbar;
    CImageList m_ImageListThumb;
    int m_nSelectedItem;
    void DrawThumbnails(void);
    std::vector<CString> m_VectorImageNames;
    BOOL GetImageFileNames(void);
    void GetThumbnailsAndShow(void);
};