把檢視左右分割，在右邊的檢視內顯示圖片，並使其能夠自動排列

先上一個效果圖：

步驟：

1.建立單文件檢視工程ListDemoView

2.分割檢視：

用類嚮導再建立一個以CView類為基類的類ListDemoViewLeft類，作為左側檢視類，將原來工程內自動形成的ListDemoView類作為右側檢視類

過載OnCreateClient的函式

過載OnCmdMsg函式（由於分割檢視後 可能會出現檢視無法響應選單訊息 因此需要過載這個函式）

MainFrm.h中加入：

public:
	BOOL OnCreateClient(LPCREATESTRUCT lpcs, CCreateContext* pContext);//分割檢視
	BOOL OnCmdMsg(UINT nID, int nCode, void* pExtra, AFX_CMDHANDLERINFO* pHandlerInfo);//分割檢視響應選單訊息
private:
	CSplitterWnd m_splitterWnd;//用於分割視窗
 

再MainFrm.cpp中加入：

BOOL CMainFrame::OnCreateClient(LPCREATESTRUCT lpcs, CCreateContext* pContext)
{
       // TODO: Add your specialized code here and/or call the base class
        m_splitterWnd.CreateStatic(this,1,2);
        CRect rect;
       GetClientRect(&rect);
       if (!m_splitterWnd.CreateView(0,0,RUNTIME_CLASS(ListDemoViewLeft),CSize(rect.Width()/4,rect.Height()),pContext)||
       !m_splitterWnd.CreateView(0,1,RUNTIME_CLASS(CListDemoView),CSize(rect.Width()*3/4,rect.Height()),pContext))
       {
              return FALSE;
       }
	
       return TRUE;
}


//過載OnCmdMsg 使得分割檢視中，每個view能夠接收到選單響應訊息
//先呼叫預設函式，如果命令沒有被處理(預設的OnCmdMsg返回FALSE)，則獲取當前所有檢視指標，呼叫每個檢視的OnCmdMsg函式,將命令訊息傳送給每個檢視。
BOOL CMainFrame::OnCmdMsg(UINT nID, int nCode, void* pExtra, AFX_CMDHANDLERINFO* pHandlerInfo)
{
	if ( CFrameWnd::OnCmdMsg(nID, nCode, pExtra, pHandlerInfo) )
		return TRUE;
	CListDemoDoc* pDoc = ( CListDemoDoc* ) GetActiveDocument ();
	POSITION pos = NULL;
	if ( pDoc != NULL )
		pos = pDoc->GetFirstViewPosition ();
	while ( pos != NULL )
	{
		CView* pNextView = pDoc->GetNextView ( pos );
		if ( pNextView != GetActiveView() )
		{
			if ( pNextView->OnCmdMsg ( nID, nCode, pExtra, pHandlerInfo ) )
				return TRUE;
		}
	}

	return FALSE;
}

 

3. 在右側檢視內實現CListCtrl控制元件

該實現利用了GDI+，因此需要現在stdafx.h中加入：

	#include <gdiplus.h>             //GDI+宣告，可以GDI/GDI+混合使用
	#pragma comment(lib, "gdiplus.lib")
	using namespace Gdiplus;

在ListDemoView.h中加入選單項：

顯示縮圖 設定ID為ID_SHOWPIC

在類嚮導中 在ListDemoView類中加入該選單項的COMMAND訊息響應函式OnShowpic

protected:
	void InitListCtrl();
private:
    CListCtrl     m_listCtrl;
    CImageList    m_imageList;
    short         m_imageW;
    short         m_imageH;
    HANDLE        m_handle;                        //迴圈插入圖片執行緒的控制代碼
    GdiplusStartupInput   m_gdiplusStartupInput;   //只需要在程式執行最開始初始化一次
    ULONG_PTR             m_gdiplusToken;          //只需要在程式執行最開始初始化一次
private:
    bool  insertImageItem(TCHAR* path);
public:
    void UpdateImageList();
 

int CListDemoView::OnCreate(LPCREATESTRUCT lpCreateStruct)
{
	if (CView::OnCreate(lpCreateStruct) == -1)
		return -1;
	CRect rect;
	GetClientRect(&rect);
	//動態建立listctrl控制元件 LVS_AUTOARRANGE設定後圖標可隨視窗大小的變化自動排列
	m_listCtrl.Create(LVS_SINGLESEL|LVS_ICON|WS_CHILD|WS_VISIBLE|LVS_SINGLESEL|LVS_AUTOARRANGE,CRect(rect),this,IDC_LIST_DIVISION);
	InitListCtrl();
	return 0;
}

void CListDemoView::InitListCtrl()//ListCtrl與imagelist的初始化
{

	GdiplusStartup(&m_gdiplusToken, &m_gdiplusStartupInput, NULL );  //初始化GDI+
	m_listCtrl.SetExtendedStyle(LVS_EX_FULLROWSELECT|LVS_EX_GRIDLINES);//設定當前的列表檢視控制元件擴充套件的樣式
	m_listCtrl.SetIconSpacing(CSize(140, 130));     //設定圖片間距
	//設定縮圖大小，寬120 高90
	m_imageW = 120;
	m_imageH = 90;
	m_imageList.Create(m_imageW, m_imageH, ILC_COLORDDB|ILC_COLOR32, 1, 1);     //wide of picture is 120,height is 90
	m_listCtrl.SetImageList(&m_imageList,LVSIL_NORMAL);     //CImageList associates CListCtrl//LVSIL_NORMAL:大圖示方式進行影象列表，LVSIL_SMALL為小圖示，LVSIL_STATE 以影象狀態進行影象列表
	//UpdateImageList();
}




void CListDemoView::OnShowpic()//選單響應函式
{
     DWORD  dwID;
     //CreateThread在主執行緒的基礎上建立一個新執行緒。否則圖片無法實時顯示
     m_handle = CreateThread(NULL,  0, GetImageThread, this, 0, &dwID);
}
DWORD WINAPI GetImageThread( LPVOID lpParam )
{
    CListDemoView *pPicListDlg = (CListDemoView*)lpParam;
    pPicListDlg->UpdateImageList();
    return 1;
}
void CListDemoView::UpdateImageList()
{
	CString imagename;
	int a = 1, i =0;
	//while(a<=7)
	while(i<50)
	{
		a = i%7+1;//用於迴圈輸出影象，為方便輸出，此處在image檔案下存的圖片都是1.jpg,2.jpg一直到7.jpg的名稱
		imagename.Format(_T("image/%d.jpg"), a);
		TCHAR* imagename_t = new TCHAR[50];
		imagename_t = imagename.GetBuffer(imagename.GetLength());//cstring convert to tchar*
		imagename.ReleaseBuffer();
		insertImageItem(imagename_t);
		Sleep(300);
		i++;
	}
}
bool  CListDemoView::insertImageItem(TCHAR* path)
{
	Bitmap bmp(path);                     //傳入圖片路徑

	int sourceWidth = m_imageW;           //獲得圖片寬度,這個120和建立的120保持相同。
	int sourceHeight = bmp.GetHeight();   //獲得圖片寬度                                   
	if(sourceHeight>m_imageH)             //和m_ImageList.Create(120…)有很大關係，如果小於設
	{
		sourceHeight= m_imageH;           //定的寬度，圖片將無法顯示
	}


	Bitmap* pThumbnail = (Bitmap*)bmp.GetThumbnailImage(sourceWidth, sourceHeight, NULL, NULL); //設定縮圖的大小
	HBITMAP hBmp;
	pThumbnail->GetHBITMAP(Color(255,255,255),&hBmp);
	CBitmap *pImage = CBitmap::FromHandle(hBmp);         //轉換成CBitmap格式點陣圖

	TCHAR drive[MAX_PATH] = _T("");
	TCHAR dir[MAX_PATH] = _T("");
	TCHAR fname[MAX_PATH] = _T("");
	TCHAR ext[MAX_PATH] = _T("");

	_wsplitpath(path ,drive, dir,fname, ext);
	CString itemName(fname);
	itemName.Append(ext);

	int index = m_imageList.Add(pImage,RGB(255,255, 255));
	m_listCtrl.InsertItem(index, itemName, index);               // itemName,你自己設法得到圖片片的名字。名字會顯示在圖片下
	return true;
}