[Android] SurfaceView应用实例

2012-08-09

[Android] SurfaceView使用实例同样，先上效果图如下：效果图中，抛物线的动画即是由SurfaceView实现的。底部

[Android] SurfaceView使用实例

同样，先上效果图如下：

效果图中，抛物线的动画即是由SurfaceView实现的。底部栏中的文字翻转详情相关帖子：
[Android] 文字翻转动画的实现

需求：
1.实现抛物线动画
1.1 设计物理模型，能够根据时间变量计算出某个时刻图片的X/Y坐标。
1.2 将图片高频率(相比于UI线程的缓慢而言)刷新到界面中。这儿需要实现将脏界面清屏及刷新操作。
2.文字翻转动画(已解决，见上面的帖子链接)

下面来逐一解决所提出的问题。

-----------------------------------------
分隔线内容与Android无关，请慎读，勿拍砖。谢啦

1.1 设计物理模型，如果大家还记得初中物理时，这并不难。自己写的草稿图见下：

[Android] SurfaceView应用实例

可以有：图片要从高度为H的位置下落，并且第一次与X轴碰撞时会出现能量损失，至原来的N%。并且我们需要图片的最终落点离起始位置在X轴上的位移为L，默认存在重力加速度g。
详细的物理分析见上图啦，下面只说代码中如何实现，相关代码在PhysicalTool.java。
第一次下落过程所耗时t1与高度height会有如下关系：

RotateAnimation.javapackage lab.sodino.surfaceview;import android.graphics.Camera;import android.graphics.Matrix;import android.view.animation.Animation;import android.view.animation.Transformation;/** * @author Sodino E-mail:sodinoopen@hotmail.com * @version Time：2012-6-27 上午07:32:00 */public class RotateAnimation extends Animation {        /** 值为true时可明确查看动画的旋转方向。 */        public static final boolean DEBUG = false;        /** 沿Y轴正方向看，数值减1时动画逆时针旋转。 */        public static final boolean ROTATE_DECREASE = true;        /** 沿Y轴正方向看，数值减1时动画顺时针旋转。 */        public static final boolean ROTATE_INCREASE = false;        /** Z轴上最大深度。 */        public static final float DEPTH_Z = 310.0f;        /** 动画显示时长。 */        public static final long DURATION = 800l;        /** 图片翻转类型。 */        private final boolean type;        private final float centerX;        private final float centerY;        private Camera camera;        /** 用于监听动画进度。当值过半时需更新txtNumber的内容。 */        private InterpolatedTimeListener listener;        public RotateAnimation(float cX, float cY, boolean type) {                centerX = cX;                centerY = cY;                this.type = type;                setDuration(DURATION);        }        public void initialize(int width, int height, int parentWidth, int parentHeight) {                // 在构造函数之后、getTransformation()之前调用本方法。                super.initialize(width, height, parentWidth, parentHeight);                camera = new Camera();        }        public void setInterpolatedTimeListener(InterpolatedTimeListener listener) {                this.listener = listener;        }        protected void applyTransformation(float interpolatedTime, Transformation transformation) {                // interpolatedTime:动画进度值，范围为[0.0f,10.f]                if (listener != null) {                        listener.interpolatedTime(interpolatedTime);                }                float from = 0.0f, to = 0.0f;                if (type == ROTATE_DECREASE) {                        from = 0.0f;                        to = 180.0f;                } else if (type == ROTATE_INCREASE) {                        from = 360.0f;                        to = 180.0f;                }                float degree = from + (to - from) * interpolatedTime;                boolean overHalf = (interpolatedTime > 0.5f);                if (overHalf) {                        // 翻转过半的情况下，为保证数字仍为可读的文字而非镜面效果的文字，需翻转180度。                        degree = degree - 180;                }                // float depth = 0.0f;                float depth = (0.5f - Math.abs(interpolatedTime - 0.5f)) * DEPTH_Z;                final Matrix matrix = transformation.getMatrix();                camera.save();                camera.translate(0.0f, 0.0f, depth);                camera.rotateY(degree);                camera.getMatrix(matrix);                camera.restore();                if (DEBUG) {                        if (overHalf) {                                matrix.preTranslate(-centerX * 2, -centerY);                                matrix.postTranslate(centerX * 2, centerY);                        }                } else {                        matrix.preTranslate(-centerX, -centerY);                        matrix.postTranslate(centerX, centerY);                }        }        /** 动画进度监听器。 */        public static interface InterpolatedTimeListener {                public void interpolatedTime(float interpolatedTime);        }}

夜深了，晚安啰...

热点排行