3

我需要编写一个 C++ GUI，以便用户可以通过从工具栏中选择几个块并将它们放入窗口并以他想要的某种顺序连接它们然后程序运行流程图来制作流程图/管道。（为简单起见，只需考虑每个块的任务是打印一些数字。我的问题是 GUI）

有没有人尝试过类似的事情/任何经验？

是否可以在 WxWidget 或任何其他图形/窗口形式库中制作这样的 GUI？

是否可以使用VTK制作GUI？

你知道任何类似的开源工作吗？

4

3 回答 3

4

我已经开发了几个带有 GUI 的应用程序来做这种事情。

我最满意的是 VASE：一个用于创建布局、设置参数和查看流程模拟器结果的 GUI。

在此处输入图像描述

这不是一项微不足道的任务，尽管一旦你完成了一两个，就有很多想法可以重复使用，而且进展很快。

绘制连接对象的线（如您所见，即使在 VASE 中，这个问题也没有完全解决）和以可以轻松恢复和重绘的格式存储布局是两个最大的挑战。

有什么特别的问题需要帮助吗？

如果您想要一个非常非常简单的示例来帮助您入门，我已经重新实现了几个基本功能（一切都很好，干净，没有版权限制） - 左键单击选择，拖动移动，右键单击连接。

这是源代码存储库 -http://66.199.140.183/cgi-bin/vase.cgi/home

这是它的样子

在此处输入图像描述

我已经实现了一个简化的连接器，我称之为管道。为了让您了解如何做这种事情，这里是当用户右键单击时添加管道的代码

/**

  User has right clicked

  If he right clicks on a flower
  and there is a different flower selected
  then connect the selected flower to the right clicked flower

  if he right clicks on empty background
  create a new flower

*/
void cVase::MouseRightDown( wxMouseEvent& event )
{
    // find flower under click
    iterator iter_flower_clicked = find( event.GetPosition() );

    // check there was a flower under click
    if( iter_flower_clicked != end() ) {

        // check that we have a selected flower
        if( ! mySelected )
            return;
        // check that selected flower is different from one clicked
        if( mySelected == (*iter_flower_clicked) )
            return;
        // construct pipe from selected flower to clicked flower
        myPipe.push_back(cPipe( mySelected, *iter_flower_clicked ));

    } else {

        // no flower under click
        // make one appear!
        cFlower * pflower  = Add();
        pflower->setLocation( event.GetPosition() );
    }
    // redraw everything
    Refresh();
}

这是绘制管道的代码

/**

 Draw the pipe

 From starting flower's exit port to ending flower's entry port

*/
void cPipe::Paint( wxPaintDC& dc )
{
    dc.SetPen( *wxBLUE_PEN );
    dc.DrawLine( myStart->getExitPort(), myEnd->getEntryPort() );
}

通过浏览源代码存储库，您可以看到将所有这些联系在一起的 wxWidgets 代码的其余部分。

于 2012-08-30T10:59:14.313 回答
3

我认为使用诸如wxArt2D之类的库会比使用标准 wxWidgets 绘图类更容易。wxArt2D的电线样本看起来与您正在寻找的相似。

于 2012-08-30T07:05:54.590 回答
0

也许您可以尝试使用名为 Flowchart to Code 的小工具，您可以获得所需的流程图，就像这样。可以在这里下载：http: //www.athtek.com/flowchart-to-code.html#.Ug4z29JPTfI

于 2013-08-16T14:16:05.263 回答