【Android 开发技巧】Ken Burns特效的幻灯片

时间：2014-09-10 00:27:09 阅读：311 评论：0 收藏：0 [点我收藏+]

标签：android style blog http color os io 使用 java

Ken Burns特效，是视频产品中使用的一种平移和缩放的静态图片的特效。

先看维基百科针对Ken Burns特效的介绍。

http://en.wikipedia.org/wiki/Ken_Burns_effect

bubuko.com,布布扣

要实现这个效果，需要使用NineOldAndroids库，这个库可以在旧版本上使用Android 3.0的动画库。

准备工作

这些动画在ImageView上面执行。动画执行的基本思路，当一个动画执行结束，另一个新的动画在另一个新的ImageView上面执行，循此往复。

主布局使用FrameLayout，其中放置一个ImageView。代码如下：

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mContainer = new FrameLayout(this);
        mContainer.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT,
                LayoutParams.FILL_PARENT));

        mView = createNewView();
        mContainer.addView(mView);

        setContentView(mContainer);
    }

    private ImageView createNewView() {
        ImageView ret = new ImageView(this);
        ret.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT,
                LayoutParams.FILL_PARENT));
        ret.setScaleType(ScaleType.FIT_XY);
        ret.setImageResource(PHOTOS[mIndex]);
        mIndex = (mIndex + 1 < PHOTOS.length) ? mIndex + 1 : 0;

        return ret;
    }

存放图片资源的数组，代码如下：

    private static final int[] PHOTOS = new int[] { R.drawable.photo1,
            R.drawable.photo2, R.drawable.photo3, R.drawable.photo4,
            R.drawable.photo5, R.drawable.photo6 };

通过createNewView，创建一个用于显示下一张图片的ImageView对象。

编写动画

编写nextAnimation方法，这个方法用于设置动画并启动动画。代码如下：

private void nextAnimation() {
        AnimatorSet anim = new AnimatorSet();
        final int index = mRandom.nextInt(ANIM_COUNT);

        switch (index) {
        case 0:
            anim.playTogether(
                    ObjectAnimator.ofFloat(mView, "scaleX", 1.5f, 1f),
                    ObjectAnimator.ofFloat(mView, "scaleY", 1.5f, 1f));
            break;

        case 1:
            anim.playTogether(ObjectAnimator.ofFloat(mView, "scaleX", 1, 1.5f),
                    ObjectAnimator.ofFloat(mView, "scaleY", 1, 1.5f));
            break;

        case 2:
            AnimatorProxy.wrap(mView).setScaleX(1.5f);
            AnimatorProxy.wrap(mView).setScaleY(1.5f);
            anim.playTogether(ObjectAnimator.ofFloat(mView, "translationY",
                    80f, 0f));
            break;

        case 3:
        default:
            AnimatorProxy.wrap(mView).setScaleX(1.5f);
            AnimatorProxy.wrap(mView).setScaleY(1.5f);
            anim.playTogether(ObjectAnimator.ofFloat(mView, "translationX", 0f,
                    40f));
            break;
        }

        anim.setDuration(3000);
        anim.addListener(this);
        anim.start();
    }

动画事件监听

AnimatorProxy类，是NineOldAndroids库中的一个工具类，用于修改View对象的属性。视图的属性随时间的推移而改变。之所以使用AnimatorProxy类，是因为在Android 3.0以下版本，有些属性没有setters或getters方法。

同时，需要设置动画的监听器，一个动画执行完毕，另一个新的动画在另一个新的ImageView上执行。

@Override
    public void onAnimationEnd(Animator animator) {
        mContainer.removeView(mView);
        mView = createNewView();
        mContainer.addView(mView);
        nextAnimation();
    }

在Activity的onResume回调中，调用nextAnimation方法。这样，在进入Activity后，Ken Burns幻灯片就开始执行了。

后记

Android所支持的动画类型如下：