设计Yahoo Pipes启发的界面

时间:2020-03-05 18:59:40  来源:igfitidea点击:

我非常喜欢Yahoo Pipes的界面(http://pipes.yahoo.com/pipes/),并希望为不同的问题创建类似的界面。是否有任何库可让我创建具有相同基本外观的界面?

我特别喜欢管道的行为以及它们不仅仅是直线。

编辑:该应用程序将基于Web。我愿意使用Flash或者Javascript。

解决方案

回答

我们没有提到要开发的平台,但是如果将其放置在交互式网站上,则可以通过在Flash中进行操作来节省时间。首先了解如何制作可拖动对象(Google在这里为我们提供帮助),然后可以轻松地以任意方式将它们与直线或者曲线连接起来。

回答

从我所看到的,雅虎!通过在YUI中构建Pipes并添加超酷的CANVAS标记和IE脚本文件(直到今天我做了一点点挖掘才知道它不存在)来驱动类似Visio的布线,从而吃掉了自己的狗粮。如果我们在使用YUI之前还没有使用过YUI,那么我们需要进行大量的学习,然后才能构建像Pipes一样强大的功能,但是也许有人在YUI板上发布了一些示例,可以使我们更接近所需的位置成为。

我的所有信息都在以下站点找到:

  • YUIBlog
  • Web资源库
  • Developer.Mozilla.org

回答

这是我在YUI板上找到的内容:

http://tech.groups.yahoo.com/group/ydn-javascript/message/30836

似乎目前没有任何打开的"接线小部件"库,但是YUI似乎是一个不错的开始。

回答

WireIt是一个开放源代码的javascript库,用于创建类似于Yahoo!的Web界面。用于数据流应用程序,可视化编程语言或者图形建模的管道。 Wireit使用YUI库(2.6.0)进行DOM和事件处理,并使用exanvas来实现canvas标签的IE支持。目前,它支持Firefox 1.5 +,Safari 2.0 +,IE 7.0,Opera 9+和Chrome0.2.x。