`
liugang594
  • 浏览: 978725 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

增加GEF的动态性

    博客分类:
  • GEF
阅读更多

在一个GEF应用中,最常的操作是移位和缩放。

移位和缩放实现本身很简单,绝大部分应用的最终结果是鼠标拖动操作一放下,所操作的图就直接变幻到最终状态,虽然结果是正确的。不过总是觉得缺少一些动感。

在GEF插件自带的示例中,有一个"org.eclipse.gef.example.flow"的例子,它做的就比较炫,能动慢动作的形式展示图形变换的一个动画过程。

思路其实是很简单的,就是分别记住初态和终态,然后按照一定的时间间隔和变换次数,每次累进一点,把这些累进过程显示出来,就能看到一个动态效果了。

我也试着把它的代码应用在其他的例子,结果挺好的,只是好像这些代码有点繁锁。

昨天在学习Zest的时候,无意发现了,原来Draw2D中其实已经自带了一些API用来实现这个目标。

它们分别是:

org.eclipse.draw2d.Animation
org.eclipse.draw2d.LayoutAnimator
 

其中org.eclipse.draw2d.LayoutAnimator是用来注册监听的,用来监听你所想要支持的图对象,例如,你想要A图的子图的变换过程能被显示,就让A增加一个org.eclipse.draw2d.LayoutAnimator作为LayoutListener。

org.eclipse.draw2d.Animation用来记录初始和终态的信息,并真正执行变换过程的。例如起来相当简单:

首先,假如A是一个container的Figure,你想要A中所以图的变换过程都显示,则给A增加以下内容:addLayoutListener(LayoutAnimator.getDefault());

然后,通常在EditPart里会有以下样子的代码来实现移动或缩放:

((AbstractGraphicalEditPart) getParent()).setLayoutConstraint(this,
getFigure(),
new Rectangle(model.getLocation(), model.getSize()));
 

此处只需要增加一点点东西,即完成所需要的目标:

Animation.markBegin();
((AbstractGraphicalEditPart) getParent()).setLayoutConstraint(this,
getFigure(),
new Rectangle(model.getLocation(), model.getSize()));
Animation.run(500);
 

OK了,简单吧。试一下效果,如果出来了,那估计挺炫的。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics