让程序活起来:用Universal Tween Engine创建动画

1.简介

在实现动画的时候，任何动画要表现运动或变化，至少前后要给出两个不同的关键状态，而中间状态的变化和衔接电脑可以自动完成，表示关键状态的帧叫做关键帧Universal TweenEngine是一个可以用来创建动画效果的动画库，从本质上来说是一个插值运算的引擎，可以在任何给定的值之间（类似关键帧）与规定时间内进行插值运算，并最终形成动画。Tween Engine还包含了其它的很多内容，包括插值的生命周期管理和更新控制，它是用java语言实现的库，所以它可以对任何java对象的任何属性进行计算，可以应用于Swing，OpenGL或Android程序。

通过Universal Tween Engine可以创建平滑的动画效果，比如循环，移动，旋转等。这些过程可以是加速移动，也可以是减速移动，这些不同的缓动方式就是Tween的各种ease。

Universal TweenEngine的网址是https://code.google.com/p/java-universal-tween-engine/，可以从上面获取库以及源代码。

2.简易教程

通过引擎来创建动画一般有下面4个主要的步骤：

1. 为想要实现动画的对象实现TweenAccessor接口，并且向引擎注册接口的实现；

2. 创建一个TweenManager来管理所有的tween，tween表示一个动画过程，TweenManager负责这些维护这些tween的生命周期、更新和时间线；

3. 利用Tween.to(), Tween.from() 或 Tween.set() 方法来创建一些tween并将其加入到manager中；

4. 循环调用manager的update(delta)方法来实现播放动画；

2.1实现TweenAccessor

在这里实现一个例子，先对想要动画化的对象实现该接口，比如想要移动一个组件，那么可对Component实现该接口

public class ComponentAccessor implements TweenAccessor<Component> { public static final int X = 1; public static final int Y = 2; public static final int XY = 3; public static final int W = 4; public static final int H = 5; public static final int WH = 6; public static final int XYWH = 7; @Override public int getValues(Component target, int tweenType, float[] returnValues) { /** *对对象的不同属性提供设置值和获取值的方法 *target是要改变属性的对象 *tweenType自己定义的是改变属性的类型 *returnValues是属性值的数组，返回值是这个数组的长度 */ switch (tweenType) { case X: returnValues[0] = target.getX(); return 1; case Y: returnValues[0] = target.getY(); return 1; case XY: returnValues[0] = target.getX(); returnValues[1] = target.getY(); return 2; case W: returnValues[0] = target.getWidth(); return 1; case H: returnValues[0] = target.getHeight(); return 1; case WH: returnValues[0] = target.getWidth(); returnValues[1] = target.getHeight(); return 2; case XYWH: returnValues[0] = target.getX(); returnValues[1] = target.getY(); returnValues[2] = target.getWidth(); returnValues[3] = target.getHeight(); return 4; default: return -1; } } @Override public void setValues(Component target, int tweenType, float[] newValues) { switch (tweenType) { case X: target.setLocation(Math.round(newValues[0]), target.getY()); break; case Y: target.setLocation(target.getX(), Math.round(newValues[0])); break; case XY: target.setLocation(Math.round(newValues[0]), Math.round(newValues[1])); break; case W: target.setSize(Math.round(newValues[0]), target.getHeight()); target.validate(); break; case H: target.setSize(target.getWidth(), Math.round(newValues[0])); target.validate(); break; case WH: target.setSize(Math.round(newValues[0]), Math.round(newValues[1])); target.validate(); break; case XYWH: target.setBounds(Math.round(newValues[0]), Math.round(newValues[1]), Math.round(newValues[2]), Math.round(newValues[3])); target.validate(); break; } } } }

向引擎注册该对象的实现，让引擎知道这个对象：

/** * 向引擎注册该对象的实现 */ Tween.registerAccessor(JComponent.class, new ComponentAccessor());

2.2 创建一个TweenManager来管理Tween

TweenManger manager = new TweenManager();

2.3 创建Tween

/** * 将一个Button对象在0.5秒钟的时间内移动到（100,100）的位置 */ JButton btn = new JButton(); Tween.to(btn, ComponentAccessor.XY, 0.5f).target(100, 100).start(manager);

2.4 调用manager.update(delta)

定时循环地调用update方法来实现动画，在Swing中通常使用一个单独的线程

running = true; Runnable runnable = new Runnable() { public void run() { long lastMillis = System.currentTimeMillis(); long deltaLastMillis = System.currentTimeMillis(); while (running) { long newMillis = System.currentTimeMillis(); long sleep = 15 - (newMillis - lastMillis); lastMillis = newMillis; if (sleep > 1){ try { Thread.sleep(sleep); } catch (InterruptedException ex) { } } long deltaNewMillis = System.currentTimeMillis(); final float delta = (deltaNewMillis - deltaLastMillis) / 1000f; try { SwingUtilities.invokeAndWait(new Runnable() { public void run() { manager.update(delta); }}); } catch (InterruptedException ex) { } catch (InvocationTargetException ex) { } deltaLastMillis = newMillis; } }}; new Thread(runnable).start();