通過畫圖實現動畫效果

最近開始看Android的一些動畫效果

 

總結下這兩天的心得:

 

實現方法一 (參考 Asteroids 例子)

 

 

View 這個類有 onDraw(Canvas canvas) 方法 裏面可以用來畫圖

 

onTouchEvent(MotionEvent event)  方法 用來實現觸摸屏的事件

 

onKeyDown(int keyCode, KeyEvent event) 方法 用來實現鍵盤的事件

 

基本上就可以用2個方法實現畫圖

 

簡單例子 觸摸屏 event.getAction() == MotionEvent.ACTION_DOWN 時 獲得座標

 

        float tx = event.getX();


        float ty = event.getY();

 

然後調用invalidate() 方法就會刷新屏幕(也就是調用 onDraw(Canvas canvas) )

 

 

下面是一個實例(從apidemo 的例子中扒出來的~~~~)

package com.k;

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BlurMaskFilter;
import android.graphics.Canvas;
import android.graphics.MaskFilter;
import android.graphics.Paint;
import android.graphics.Path;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;

public class Vi extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new MyView(this));
    }
    public class MyView extends View {
     private Paint       mPaint;
     private MaskFilter  mBlur;
       
        private Bitmap  mBitmap;
        private Canvas  mCanvas;
        private Path    mPath;
        private Paint   mBitmapPaint;
       
        public MyView(Context c) {
            super(c);
            mPaint = new Paint();
            mPaint.setAntiAlias(true);
            mPaint.setDither(true);
            mPaint.setColor(0xFFFF0000);
            mPaint.setStyle(Paint.Style.STROKE);
            mPaint.setStrokeJoin(Paint.Join.ROUND);
            mPaint.setStrokeCap(Paint.Cap.ROUND);
            mPaint.setStrokeWidth(12);
            mBlur = new BlurMaskFilter(8, BlurMaskFilter.Blur.NORMAL);
            mPaint.setMaskFilter(mBlur);
            mBitmap = Bitmap.createBitmap(320, 480, Bitmap.Config.ARGB_8888);
            mCanvas = new Canvas(mBitmap);
            mPath = new Path();
            mBitmapPaint = new Paint(Paint.DITHER_FLAG);
        }

        @Override
        protected void onSizeChanged(int w, int h, int oldw, int oldh) {
            super.onSizeChanged(w, h, oldw, oldh);
        }
       
        @Override
        protected void onDraw(Canvas canvas) {
            canvas.drawColor(0xFFAAAAAA);
           
            canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint);
           
            canvas.drawPath(mPath, mPaint);
        }
       
        private float mX, mY;
        private static final float TOUCH_TOLERANCE = 4;
       
        private void touch_start(float x, float y) {
            mPath.reset();
            mPath.moveTo(x, y);
            mX = x;
            mY = y;
        }
        private void touch_move(float x, float y) {
            float dx = Math.abs(x - mX);
            float dy = Math.abs(y - mY);
            if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) {
                mPath.quadTo(mX, mY, (x + mX)/2, (y + mY)/2);
                mX = x;
                mY = y;
            }
        }
        private void touch_up() {
            mPath.lineTo(mX, mY);
            // commit the path to our offscreen
            mCanvas.drawPath(mPath, mPaint);
            // kill this so we don't double draw
            mPath.reset();
        }
       
        @Override
        public boolean onTouchEvent(MotionEvent event) {
            float x = event.getX();
            float y = event.getY();
           
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    touch_start(x, y);
                    invalidate();
                    break;
                case MotionEvent.ACTION_MOVE:
                    touch_move(x, y);
                    invalidate();
                    break;
                case MotionEvent.ACTION_UP:
                    touch_up();
                    invalidate();
                    break;
            }
            return true;
        }
    }

 

 

 

那麼如何自動刷新呢?不可能只有用戶操作纔去刷新屏幕吧。。。。

 

那就調用postInvalidate()方法

 

   /**
    * Cause an invalidate to happen on a subsequent cycle through the
    * event loop. Use this to invalidate the View from a non-UI thread.
    * onDraw will be called sometime in the future.
    */

 

這個是一段解釋

 

在一本書上看的例子就是 用一個TimerTask 去延遲執行postInvalidate 達到 自動刷新屏幕的

 

可以用TimerTask  cancel 方法 取消這個定時

 

實現方法二  (參考Snake例子)

 

用Handler實現

 

具體可以去看APIdemo裏面的Snake的例子

 

剛纔把Snake的例子 看了一遍 也自己做了個簡單的動畫的例子
發現 只用handler 就可以了 
可以不用Runnable 
postDelayed(runnable , delayMillis)
sendMessageDelayed(msg, delayMillis)

如果調用postDelayed 那就需要 Runnable 
如果調用sendMessageDelayed 就不需要 Runnable 

 

暫停handler  只要不在send Message 那就就不會觸發handler了

 

 

 

 

其他的關於動畫的實現慢慢補充~~~~~~~~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章