用WTL实现类似flashget的界面

下载本文示例代码

本程序是利用WTL的 CSplitterWindow 和 CHorSplitterWindow 把 CMainFrame 分隔而成。

CSplitterWindow 垂直分隔
CHorSplitterWindow 水平分隔

　　因为目前还不是很清楚 CSplitterWindow 扩展是怎么做，所以本代码是用很笨的方法，利用CSplitterWindow 的 SetSinglePaneMode 接口来实现的。

bool SetSinglePaneMode(int nPane = SPLIT_PANE_NONE)

　　调用SetSinglePaneMode()函数可以改变分隔窗口的模式使单窗格模式还是双窗格模式，在单窗格模式下，只有一个窗格使可见的并且隐藏了分隔条，这和MFC的动态分隔窗口相似(只是没有那个小钳子形状的手柄，它用于重新分隔分隔窗口)。对于nPane参数可用的值是SPLIT_PANE_LEFT，SPLIT_PANE_RIGHT，SPLIT_PANE_TOP，SPLIT_PANE_BOTTOM，和SPLIT_PANE_NONE，前四个指示显示那个窗格(例如，使用SPLIT_PANE_LEFT参数将显示左边的窗格，隐藏右边的窗格)，使用SPLIT_PANE_NONE表示两个窗格都显示。

主要原理如下：
1、把窗口分隔成左右两部分(一个TreeView和一个水平分隔条)；

GetClientRect( &rcDefault );
m_hWndClient = m_VertSplitter.Create( m_hWnd, rcDefault, NULL, 
                                      WS_CHILD | WS_VISIBLE | WS_CLIPSIBLINGS | WS_CLIPCHILDREN);
m_VertSplitter.m_bFullDrag = false;

// create the left menu treeview
m_VertSplitter.GetClientRect( &rcDefault );
m_LeftMenuTree.Create( m_VertSplitter, rcDefault, NULL, 
                       WS_CHILD | WS_VISIBLE | WS_CLIPCHILDREN | WS_CLIPSIBLINGS | 
                       TVS_HASLINES | TVS_LINESATROOT | TVS_SHOWSELALWAYS | 
                       TVS_HASBUTTONS | WS_EX_CLIENTEDGE,
                       0,(HMENU)IDC_LEFT_MENUTREE);
InitLeftTreeView(&m_LeftMenuTree);

//create the horizontal splitter
m_HorzSplitter.Create( m_VertSplitter, rcDefault, NULL, 
                      WS_CHILD | WS_VISIBLE | WS_CLIPSIBLINGS | WS_CLIPCHILDREN );
m_HorzSplitter.m_bFullDrag = false;
m_VertSplitter.SetSplitterPanes( m_LeftMenuTree, m_HorzSplitter );

2、把右边水平分隔成上下两部分(两个垂直分隔条)；

//create the main listview ,must have LVS_REPORT
m_HorzSplitter.GetClientRect( &rcDefault );
m_TopVertSplitter.Create( m_HorzSplitter, rcDefault, NULL, 
                          WS_CHILD | WS_VISIBLE | WS_CLIPSIBLINGS | WS_CLIPCHILDREN );

m_BottomVertSplitter.Create( m_HorzSplitter, rcDefault, NULL, 
                            WS_CHILD | WS_VISIBLE | WS_CLIPSIBLINGS | WS_CLIPCHILDREN );
m_HorzSplitter.SetSplitterPanes( m_TopVertSplitter, m_BottomVertSplitter );
3．把上面的垂直分隔条分成两个ListView视图；
m_TopVertSplitter.GetClientRect( &rcDefault );
m_MainListView.Create(m_TopVertSplitter, rcDefault, NULL, 
                      WS_CHILD | WS_VISIBLE | WS_CLIPCHILDREN | LVS_REPORT, LVS_EX_FULLROWSELECT,
                      (HMENU)IDC_MAIN_LISTVIEW);
InitTopListView(&m_MainListView,SPLIT_PANE_LEFT);

m_TopListView.Create(m_TopVertSplitter, rcDefault, NULL, 
                     WS_CHILD | WS_VISIBLE | WS_CLIPCHILDREN | LVS_REPORT, 
                     LVS_EX_FULLROWSELECT,
                     (HMENU)IDC_TOP_LISTVIEW);
InitTopListView(&m_TopListView,SPLIT_PANE_RIGHT);
m_TopVertSplitter.SetSplitterPanes( m_MainListView, m_TopListView );
m_TopVertSplitter.SetSinglePaneMode(SPLIT_PANE_LEFT);

3、把下面的垂直分隔条分成两个水平分隔条；

m_BottomVertSplitter.GetClientRect( &rcDefault );
m_LeftHorzSplitter.Create( m_BottomVertSplitter, rcDefault, NULL, 
                           WS_CHILD | WS_VISIBLE | WS_CLIPSIBLINGS | WS_CLIPCHILDREN );
m_HorzSplitter.m_bFullDrag = false;

m_RightHorzSplitter.Create( m_BottomVertSplitter, rcDefault, NULL, 
                           WS_CHILD | WS_VISIBLE | WS_CLIPSIBLINGS | WS_CLIPCHILDREN );
m_RightHorzSplitter.m_bFullDrag = false;
m_BottomVertSplitter.SetSplitterPanes( m_LeftHorzSplitter, m_RightHorzSplitter );

4、把下面左边的水平分隔条分成两个TreeView视图；

m_LeftHorzSplitter.GetClientRect( &rcDefault );
m_RightMenuTree.Create( m_LeftHorzSplitter, rcDefault, NULL,
                        WS_CHILD | WS_VISIBLE | WS_CLIPCHILDREN | WS_CLIPSIBLINGS | TVS_HASLINES | 
                        TVS_LINESATROOT | TVS_SHOWSELALWAYS | TVS_HASBUTTONS | WS_EX_CLIENTEDGE,
                        0,(HMENU)IDC_RIGHT_TOPMENUTREE);
InitRightTreeView(&m_RightMenuTree,SPLIT_PANE_TOP);

m_BottomMenuTree.Create( m_LeftHorzSplitter, rcDefault, NULL, 
                         WS_CHILD | WS_VISIBLE | WS_CLIPCHILDREN | WS_CLIPSIBLINGS | TVS_HASLINES | 
                         TVS_LINESATROOT | TVS_SHOWSELALWAYS | TVS_HASBUTTONS | WS_EX_CLIENTEDGE,
                         0,(HMENU)IDC_RIGHT_BOTTOMMENUTREE);
InitRightTreeView(&m_BottomMenuTree,SPLIT_PANE_BOTTOM);
m_LeftHorzSplitter.SetSplitterPanes( m_RightMenuTree, m_BottomMenuTree );
m_LeftHorzSplitter.SetSinglePaneMode(SPLIT_PANE_TOP);

5、把下面右边的水平分隔条分成两个ListView视图；

m_RightHorzSplitter.GetClientRect( &rcDefault );
m_InfoListView.Create( m_RightHorzSplitter, rcDefault, NULL, 
                       WS_CHILD | WS_VISIBLE | WS_CLIPCHILDREN | LVS_REPORT, 
                       LVS_EX_FULLROWSELECT,
                       (HMENU)IDC_INFO_LISTVIEW);
InitBottomListView(&m_InfoListView,SPLIT_PANE_TOP);

m_BottomListView.Create( m_RightHorzSplitter, rcDefault, NULL, 
                         WS_CHILD | WS_VISIBLE | WS_CLIPCHILDREN | LVS_REPORT, 
                         LVS_EX_FULLROWSELECT,
                         (HMENU)IDC_BOTTOM_LISTVIEW);
InitBottomListView(&m_BottomListView,SPLIT_PANE_BOTTOM);
m_RightHorzSplitter.SetSplitterPanes( m_InfoListView, m_BottomListView );
m_RightHorzSplitter.SetSinglePaneMode(SPLIT_PANE_TOP);

6、设置分隔条的位置

//create m_InfoListView
m_HorzSplitter.SetSplitterPos( 200 );
m_VertSplitter.SetSplitterPos( 150 );
m_BottomVertSplitter.SetSplitterPos( 100 );

　　最近工作比较忙，没有对代码做太多优化和整理，只是简单实现了，如果你有不明白的地方，还是自己去思考和修改吧，不要找我询问了，我可能也不会回答。
如果你认为有更好的实现方法，并且把代码修改了，请也发给我一份吧（如果你愿意）^_^！谢谢阅读
WTL做界面确实有很多好处，但是主要不方便的地方是和MFC不能混合使用，所以使用时应认真选择。

下载本文示例代码

输入您的搜索字词 提交搜索表单