在一个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了,简单吧。试一下效果,如果出来了,那估计挺炫的。