wxWidgets实现拖放操作

wxWidgets实现拖放操作

刚刚从学校出来找到了一份做C++的实习工作，安排给我的任务就是在现有系统上开发一个算法流程编辑模块，其中就要实现算法模块的拖放操作。因为之前用过MFC开发过项目，所以学习其wxWidgets起来相对顺手，但是其中也遇到了一些小麻烦，不过后面也都慢慢解决了。个人认为，对于新手来说，开发一个之前没有实现过的一个功能没有必要去把实现该功能所有用到的知识点全部搞懂在去动手做，由于基础原因不一定能看的懂，所以不如去实现一个简单的例子，然后在去丰富完善功能。笔者没有太多工作经验，所以也是采用这种方式去做的，下面看看如何用wxWidgets实现拖放操作吧！

首先介绍下我实现该功能所用到的参考资料：
1.《使用wxwidgets跨平台程序开发》下载地址： http://vdisk.weibo.com/s/BT-B_fs4mytWk（该书为笔者学习wxWidgets的参考书籍，既可以当作学习资料来看，也可以当作工具书）。
2. wxWidgets源码包中 samples文件下的dnd 这是wxWidgets中提供实现该功能的例子（该例子中提供了好几种拖拽形式，我刚接触时有些懵逼，后面我注释了一些复杂的拖拽功能仅仅留下了一个简单的文本拖放，然后去自己试着实现了此功能）。

---

例子中主要实现的是将左边树形节点拖放到右边的网格中并弹出一个Messagebox显示树形节点的名称。

---

本文将不会按照书那样去详细讲述实现此功能所有的知识点，笔者主要是讲述拖放操作在wxWidgets中的实现流程，做一个简单的例子让大家更好的去理解，如果大家想详细了解可以去翻阅相关书籍和开发文档（东西太多，可能一时半会看不懂）。

首先，我们需要创建一个拥有一个wxTreeCtrl的控件和一个wxGrid的网格控件。wxTreeCtrl需要绑定一个拖放开始的事件。具体实现代码如下：

wxNotebook * pNote = new wxNotebook(this, 1001);
pTreeCtrl = new wxTreeCtrl(pNote);
wxTreeItemId root = pTreeCtrl->AddRoot("Root");
pTreeCtrl->AppendItem(root, "File1");
pTreeCtrl->AppendItem(root, "File2");
pTreeCtrl->Connect(-1,
        wxEVT_TREE_BEGIN_DRAG,
        wxTreeEventHandler(MyFrame::OnBeginDrag),NULL, this);//动态绑定拖拽事件
pNote->AddPage(pTreeCtrl, "ROOT");
wxBoxSizer *sizer_top = new wxBoxSizer( wxHORIZONTAL );
sizer_top->Add(pNote, 1, wxEXPAND);
wxGrid * grid = new wxGrid(this, wxID_ANY);
grid->CreateGrid(6,10);
grid->HideColLabels();
grid->HideRowLabels();
sizer_top->Add(grid, 1, wxEXPAND);
SetSizerAndFit(sizer_top);

架子搭起来了，那么如果来实现拖拽呢？
让我们思考下，实现拖放功能都需要哪些东西？其实很简单，我们需要一个拖拽源、一个存放拖拽信息的目的地，还有一个存放拖拽数据的数据对象。在wxWidgets中它们分别可以用wxDropSource、wxDropTarget、wxDataObject（抽象类）三个类来实现。因为我们进行是对树形节点的名称进行拖拽处理，所以我们可以用wxWidgets提供的wxTextDataObject存放数据，用wxTextDropTarget作为拖放目的地。
让我们来看下wxTreeCtrl控件中拖拽开始事件的处理代码：

wxTreeItemId id = pTreeCtrl->GetSelection();
wxString str = pTreeCtrl->GetItemText(id);//获取选择节点的名称
wxTextDataObject data(str);//创建数据源并把数据存放到对象中
wxDropSource dragSource(this);//创建数据源 并传入树形控件的指针
dragSource.SetData(data);//将数据对象设置到拖拽源中
dragSource.DoDragDrop(wxDrag_AllowMove);//开始拖拽

我们把拖动的节点放到网格上时，是如何知道节点已经放到网格上了呢？
这时候我们就需要wxTextDropTarget类,让我们看看是如何使用此类的。

class TreeDrag :public wxTextDropTarget
{
public:
    //构造函数 将网格控件指针传递过来 
    TreeDrag(wxGrid * pGrid){this->pGrid = pGrid;}

    //拖动源放到拖放目的地时会执行该函数 此函数重写了基类的OnDropText
    virtual bool OnDropText(wxCoord x, wxCoord y, const wxString& text)
    {
        wxMessageBox(text);//进行弹框显示节点名称
        return true;
    }
private:
    wxGrid * pGrid;//记录网格控件指针 会在OnDropText中使用，比如将节点名字添加到网格中
};

之前我们通过wxDropSource dragSource(this)将wxTreeCtrl控件和拖拽源绑定在一起，那么如何将wxTextDropTarget和wxGrid控件绑定在一起呢？

grid->SetDropTarget(new TreeDrag(grid));//绑定拖拽目标对象

如上代码，我们在创建grid的时候通过SetDropTarget方法将wxTextDropTarget和wxGrid控件绑定在一起，这样我们把拖拽源、拖放目的地、数据对象紧密的联系了在了一起。到现在一个简单的树形节点拖拽例子就基本完成了，剩下就是完善的问题，这篇文章主要是带大家做个小例子，后面的完善的工作大家可以参考相关书籍和开发文档去完成（文章有讲解不正确的地方，欢迎大家批评指正）。

参考材料： 《使用wxwidgets跨平台程序开发》11章 11.3小节 wxWidgets源码包中 samples文件下的dnd
wxWidgets实现拖放比较详细的文章：
http://www.cppblog.com/xkjy3000/archive/2013/02/04/197722.aspx