日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 运维知识 > Android >内容正文

Android

【Android游戏开发十四】深入Animation,在SurfaceView中照样使用Android—Tween Animation!...

發(fā)布時(shí)間:2025/3/21 Android 29 豆豆
生活随笔 收集整理的這篇文章主要介紹了 【Android游戏开发十四】深入Animation,在SurfaceView中照样使用Android—Tween Animation!... 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

本站文章均為?李華明Himi?原創(chuàng),轉(zhuǎn)載務(wù)必在明顯處注明:

轉(zhuǎn)載自【黑米GameDev街區(qū)】?原文鏈接:?http://www.himigame.com/android-game/331.html?

??? 之前在【Android2D游戲開發(fā)之四】中我給大家介紹了一張13幀的png的圖,利用設(shè)置可視區(qū)域的方式來實(shí)現(xiàn)動(dòng)畫效果,但是這些屬于我們自己來實(shí)現(xiàn)動(dòng)畫的方式,其實(shí)Android給我們的有兩類自定義動(dòng)畫方式:?

第一類:Frame By Frame 幀動(dòng)畫( 不推薦游戲開發(fā)中使用)

??? 所謂幀動(dòng)畫,就是順序播放事先做好的圖像,類似于放電影;

??? 分析: 此種方式類似我之前的那種利用設(shè)置可視區(qū)域的方式來實(shí)現(xiàn)動(dòng)畫效果,不僅類似而且還不如!所以此種方式在此不予分析;

?第二類:Tween Animation 漸變動(dòng)畫

??? 即通過對對象不斷做圖像變換(平移、縮放、旋轉(zhuǎn))產(chǎn)生動(dòng)畫效果!實(shí)現(xiàn)方式其實(shí)就是預(yù)先定義一組指令,這些指令指定了圖形變換的類型、觸發(fā)時(shí)間、持續(xù)時(shí)間。這些指令可以是以 XML 文件方式定義,也可以是以源代碼方式定義。程序沿著時(shí)間線執(zhí)行這些指令就可以實(shí)現(xiàn)動(dòng)畫 效果。

???? 總結(jié):那么在Android 游戲開發(fā)中我們優(yōu)先選用兩種方式:第一種設(shè)置可視區(qū)域的方式來實(shí)現(xiàn)動(dòng)畫效果(幀動(dòng)畫),需要童鞋們手動(dòng)實(shí)現(xiàn),那么在之前我的博文【Android2D游戲開發(fā)之四】中已經(jīng)有了相應(yīng)的源碼!大家可以去下載研究;那么這里就主要為大家詳細(xì)分析 Tween Animation!?

??? 在講述SurfaceView添加動(dòng)畫之前,我們先來看看在View中如何實(shí)現(xiàn)Tween Animation以及Tween 中的四種效果;?

MyViewAnimation .java

  • package?com.himi.frameAnimation;?? ?
  • import?android.content.Context;?? ?
  • import?android.graphics.Bitmap;?? ?
  • import?android.graphics.BitmapFactory;?? ?
  • import?android.graphics.Canvas;?? ?
  • import?android.graphics.Color;?? ?
  • import?android.graphics.Paint;?? ?
  • import?android.view.KeyEvent;?? ?
  • import?android.view.View;?? ?
  • import?android.view.animation.AlphaAnimation;?? ?
  • import?android.view.animation.Animation;?? ?
  • import?android.view.animation.RotateAnimation;?? ?
  • import?android.view.animation.ScaleAnimation;?? ?
  • import?android.view.animation.TranslateAnimation;?? ?
  • /**? ?
  • ?*@author?Himi? ?
  • ?*@AlphaAnimation?漸變透明度動(dòng)畫效果? ?
  • ?*@ScaleAnimation?漸變尺寸伸縮動(dòng)畫效果? ?
  • ?*@TranslateAnimation?畫面轉(zhuǎn)換位置移動(dòng)動(dòng)畫效果? ?
  • ?*@RotateAnimation?畫面轉(zhuǎn)移旋轉(zhuǎn)動(dòng)畫效果? ?
  • ?*/?? ?
  • public?class?MyViewAnimation?extends?View?{?? ?
  • ????private?Paint?paint;?? ?
  • ????private?Bitmap?bmp;?? ?
  • ????private?int?x?=?50;?? ?
  • ????private?Animation?mAlphaAnimation;?? ?
  • ????private?Animation?mScaleAnimation;?? ?
  • ????private?Animation?mTranslateAnimation;?? ?
  • ????private?Animation?mRotateAnimation;?? ?
  • ????public?MyViewAnimation(Context?context)?{?? ?
  • ????????super(context);?? ?
  • ????????paint?=?new?Paint();?? ?
  • ????????paint.setAntiAlias(true);?? ?
  • ????????bmp?=?BitmapFactory.decodeResource(getResources(),?R.drawable.icon);?? ?
  • ????????this.setFocusable(true);//只有當(dāng)該View獲得焦點(diǎn)時(shí)才會(huì)調(diào)用onKeyDown方法??? ?
  • ????}?? ?
  • ????@Override?? ?
  • ????protected?void?onDraw(Canvas?canvas)?{?? ?
  • ????????super.onDraw(canvas);?? ?
  • ????????canvas.drawColor(Color.BLACK);?? ?
  • ????????paint.setColor(Color.WHITE);?? ?
  • ????????canvas.drawText("Himi",?x,?50,?paint);//備注1?? ?
  • ????????canvas.drawText("方向鍵↑?漸變透明度動(dòng)畫效果",?80,?this.getHeight()?-?80,?paint);?? ?
  • ????????canvas.drawText("方向鍵↓?漸變尺寸伸縮動(dòng)畫效果",?80,?this.getHeight()?-?60,?paint);?? ?
  • ????????canvas.drawText("方向鍵←?畫面轉(zhuǎn)換位置移動(dòng)動(dòng)畫效果",?80,?this.getHeight()?-?40,?paint);?? ?
  • ????????canvas.drawText("方向鍵→?畫面轉(zhuǎn)移旋轉(zhuǎn)動(dòng)畫效果",?80,?this.getHeight()?-?20,?paint);?? ?
  • ????????canvas.drawBitmap(bmp,?this.getWidth()?/?2?-?bmp.getWidth()?/?2,??? ?
  • ????????????????this.getHeight()?/?2?-?bmp.getHeight()?/?2,?paint);?? ?
  • ????????x?+=?1;?? ?
  • ????}?? ?
  • ????public?boolean?onKeyDown(int?keyCode,?KeyEvent?event)?{?? ?
  • ????????if?(keyCode?==?KeyEvent.KEYCODE_DPAD_UP)?{//漸變透明度動(dòng)畫效果?? ?
  • ????????????mAlphaAnimation?=?new?AlphaAnimation(0.1f,?1.0f);?? ?
  • ????????????//第一個(gè)參數(shù)fromAlpha?為動(dòng)畫開始時(shí)候透明度?? ?
  • ????????????//第二個(gè)參數(shù)toAlpha?為動(dòng)畫結(jié)束時(shí)候透明度?? ?
  • ????????????//注意:取值范圍[0-1];[完全透明-完全不透明]?? ?
  • ????????????mAlphaAnimation.setDuration(3000);?? ?
  • ????????????設(shè)置時(shí)間持續(xù)時(shí)間為3000?毫秒=3秒?? ?
  • ????????????this.startAnimation(mAlphaAnimation);?? ?
  • ????????}?else?if?(keyCode?==?KeyEvent.KEYCODE_DPAD_DOWN)?{//漸變尺寸伸縮動(dòng)畫效果?? ?
  • ????????????mScaleAnimation?=?new?ScaleAnimation(0.0f,?1.5f,?0.0f,?1.5f,?Animation?? ?
  • ????????????????????.RELATIVE_TO_PARENT,?0.5f,?Animation.RELATIVE_TO_PARENT,?0.0f);?? ?
  • ????????????//第一個(gè)參數(shù)fromX為動(dòng)畫起始時(shí)X坐標(biāo)上的伸縮尺寸?? ?
  • ????????????//第二個(gè)參數(shù)toX為動(dòng)畫結(jié)束時(shí)X坐標(biāo)上的伸縮尺寸?? ?
  • ????????????//第三個(gè)參數(shù)fromY為動(dòng)畫起始時(shí)Y坐標(biāo)上的伸縮尺寸?? ?
  • ????????????//第四個(gè)參數(shù)toY?為動(dòng)畫結(jié)束時(shí)Y?坐標(biāo)上的伸縮尺寸?? ?
  • ????????????//注意:?? ?
  • ????????????//0.0表示收縮到?jīng)]有?? ?
  • ????????????//1.0表示正常無伸縮?? ?
  • ????????????//值小于1.0表示收縮?? ?
  • ????????????//值大于1.0表示放大?? ?
  • ????????????//-----我這里1-4參數(shù)表明是起始圖像大小不變,動(dòng)畫終止的時(shí)候圖像被放大1.5倍?? ?
  • ????????????//第五個(gè)參數(shù)pivotXType?為動(dòng)畫在X?軸相對于物件位置類型?? ?
  • ????????????//第六個(gè)參數(shù)pivotXValue?為動(dòng)畫相對于物件的X?坐標(biāo)的開始位置?? ?
  • ????????????//第七個(gè)參數(shù)pivotXType?為動(dòng)畫在Y?軸相對于物件位置類型?? ?
  • ????????????//第八個(gè)參數(shù)pivotYValue?為動(dòng)畫相對于物件的Y?坐標(biāo)的開始位置?? ?
  • ????????????//提示:位置類型有三種,每種效果大家自己嘗試哈~這里偷下懶~?? ?
  • ????????????//畢竟親眼看到效果的區(qū)別才記憶深刻~?? ?
  • ????????????//Animation.ABSOLUTE?、Animation.RELATIVE_TO_SELF、Animation.RELATIVE_TO_PARENT?? ?
  • ????????????mScaleAnimation.setDuration(2000);?? ?
  • ????????????this.startAnimation(mScaleAnimation);?? ?
  • ????????}?else?if?(keyCode?==?KeyEvent.KEYCODE_DPAD_LEFT)?{//畫面轉(zhuǎn)換位置移動(dòng)動(dòng)畫效果?? ?
  • ????????????mTranslateAnimation?=?new?TranslateAnimation(0,?100,?0,?100);?? ?
  • ????????????//第一個(gè)參數(shù)fromXDelta為動(dòng)畫起始時(shí)X坐標(biāo)上的移動(dòng)位置?? ?
  • ????????????//第二個(gè)參數(shù)toXDelta為動(dòng)畫結(jié)束時(shí)X坐標(biāo)上的移動(dòng)位置?? ?
  • ????????????//第三個(gè)參數(shù)fromYDelta為動(dòng)畫起始時(shí)Y坐標(biāo)上的移動(dòng)位置?? ?
  • ????????????//第四個(gè)參數(shù)toYDelta?為動(dòng)畫結(jié)束時(shí)Y?坐標(biāo)上的移動(dòng)位置?? ?
  • ????????????mTranslateAnimation.setDuration(2000);?? ?
  • ????????????this.startAnimation(mTranslateAnimation);?? ?
  • ????????}?else?if?(keyCode?==?KeyEvent.KEYCODE_DPAD_RIGHT)?{//畫面轉(zhuǎn)移旋轉(zhuǎn)動(dòng)畫效果?? ?
  • ????????????mRotateAnimation?=?new?RotateAnimation(0.0f,?360.0f,??? ?
  • ????????????????Animation.RELATIVE_TO_SELF,?0.5f,?Animation.RELATIVE_TO_SELF,?0.5f);?? ?
  • ????????????//第一個(gè)參數(shù)fromDegrees為動(dòng)畫起始時(shí)的旋轉(zhuǎn)角度?? ?
  • ????????????//第二個(gè)參數(shù)toDegrees?為動(dòng)畫旋轉(zhuǎn)到的角度?? ?
  • ????????????//第三個(gè)參數(shù)pivotXType?為動(dòng)畫在X?軸相對于物件位置類型?? ?
  • ????????????//第四個(gè)參數(shù)pivotXValue?為動(dòng)畫相對于物件的X?坐標(biāo)的開始位置?? ?
  • ????????????//第五個(gè)參數(shù)pivotXType?為動(dòng)畫在Y?軸相對于物件位置類型?? ?
  • ????????????//第六個(gè)參數(shù)pivotYValue?為動(dòng)畫相對于物件的Y?坐標(biāo)的開始位置?? ?
  • ????????????mRotateAnimation.setDuration(3000);?? ?
  • ????????????this.startAnimation(mRotateAnimation);?? ?
  • ????????}?? ?
  • ????????return?super.onKeyDown(keyCode,?event);?? ?
  • ????}?? ?
  • }?
  • ?補(bǔ)充:有童鞋說對三種相對位置不太理解,那么我簡單說補(bǔ)充下:

    //Animation.ABSOLUTE 相對位置是屏幕左上角,絕對位置! //Animation.RELATIVE_TO_SELF 相對位置是自身View;取值為0,是自身左上角,取值為1是自身的右下角; //Animation.RELATIVE_TO_PARENT 相對父類View的位置

    當(dāng)設(shè)定了位置類型之后,會(huì)讓你傳入X或者Y的值,這里的X,Y可以理解成為一個(gè)點(diǎn)坐標(biāo)!比如是旋轉(zhuǎn)動(dòng)畫,那么這個(gè)(X,Y)就是旋轉(zhuǎn)中心點(diǎn)!

    ??? OK,對于Tween Animation下的每種動(dòng)畫效果的實(shí)例化的每個(gè)參數(shù)都解釋的很詳細(xì)了!其實(shí)動(dòng)畫的實(shí)現(xiàn)不光用代碼可以實(shí)現(xiàn),在xml中注冊實(shí)現(xiàn)也是可以的,這里就不多寫了,大家可以自己去嘗試寫一下,那么在view中我們播放一種特效動(dòng)畫,只要實(shí)例化其對象,然后設(shè)置下參數(shù),然后startAnimation()就好了,步驟很簡單,只是每個(gè)動(dòng)畫實(shí)例化的參數(shù)確有著千變?nèi)f化的改法,這些我也沒法子一一來給大家演示,大家可以自己改改參數(shù)看看實(shí)際的效果!當(dāng)然對于每種動(dòng)畫我們不光有設(shè)置播放的時(shí)候,還有一些屬性和方法可以調(diào)用,比如Animation.restart()重放動(dòng)畫,getTransformation()此方法返回假,說明動(dòng)畫完成等等很多屬性,請各位童鞋自定實(shí)驗(yàn) o(∩_∩)o 哈哈~

    ???? 順便先解釋下MyViewAnimation .java 類中onDraw()方法里的備注1)!其實(shí)這里我是想跟大家說明下Android Animation實(shí)現(xiàn)機(jī)制

    【啟動(dòng)任意一種動(dòng)畫效果之前 和 之后 的對比圖】?

    ???? 很明顯、"Himi"字樣在動(dòng)畫開始前和開始后出現(xiàn)了移動(dòng),而且在MyViewAnimation.java中我沒有使用Runnable接口,也沒有調(diào)用刷新的函數(shù),那么我來給各位童鞋解釋下原因:?

    ??? 動(dòng)畫的每種變換其實(shí)內(nèi)部都是一次矩陣運(yùn)算。在Android 中,Canvas 類中包含當(dāng)前矩陣,當(dāng)調(diào)用 Canvas.drawBitmap (bmp, x, y, Paint) 繪制時(shí),android 會(huì)先把 bmp 做一次矩陣運(yùn)算,然后將運(yùn)算的結(jié)果顯示在 Canvas 上,然后不斷修改 Canvas 的矩陣并刷新屏幕,View 里的對象就會(huì)不停的做圖形變換,動(dòng)畫就形成了。

    ???? 還有一點(diǎn)提醒大家:動(dòng)畫的播放是對整個(gè)游戲畫布進(jìn)行的操作,這一點(diǎn)要知道喲~

    ???? 那么下面就要給大家介紹如何在我們的SurfaceView中運(yùn)用Tween Animation!

    MySurfaceViewAnimation.java?

  • package?com.himi.frameAnimation; ?
  • import?android.content.Context; ?
  • import?android.graphics.Bitmap; ?
  • import?android.graphics.BitmapFactory; ?
  • import?android.graphics.Canvas; ?
  • import?android.graphics.Color;? ?
  • import?android.graphics.Paint;? ?
  • import?android.util.Log; ?
  • import?android.view.KeyEvent; ?
  • import?android.view.SurfaceHolder; ?
  • import?android.view.SurfaceView; ?
  • import?android.view.SurfaceHolder.Callback; ?
  • import?android.view.animation.AlphaAnimation; ?
  • import?android.view.animation.Animation; ?
  • import?android.view.animation.RotateAnimation; ?
  • import?android.view.animation.ScaleAnimation;? ?
  • import?android.view.animation.TranslateAnimation; ?
  • /** ?
  • ?*@author?Himi ?
  • ?*/ ?
  • public?class?MySurfaceViewAnimation?extends?SurfaceView?implements?Callback,?Runnable?{ ?
  • ????private?Thread?th?=?new?Thread(this); ?
  • ????private?SurfaceHolder?sfh; ?
  • ????private?Canvas?canvas; ?
  • ????private?Paint?paint; ?
  • ????private?Bitmap?bmp; ?
  • ????///? ?
  • private?Animation?mAlphaAnimation; ?
  • private?Animation?mScaleAnimation; ?
  • private?Animation?mTranslateAnimation; ?
  • private?Animation?mRotateAnimation; ?
  • public?MySurfaceViewAnimation(Context?context)?{ ?
  • ????super(context); ?
  • ????Log.v("Himi",?"MySurfaceView"); ?
  • ????this.setKeepScreenOn(true); ?
  • ????bmp?=?BitmapFactory.decodeResource(getResources(),?R.drawable.icon); ?
  • ????sfh?=?this.getHolder(); ?
  • ????sfh.addCallback(this); ?
  • ????paint?=?new?Paint(); ?
  • ????paint.setAntiAlias(true); ?
  • ????setFocusable(true); ?
  • ????setFocusableInTouchMode(true); ?
  • //??this.setBackgroundResource(R.drawable.icon);//備注2 ?
  • } ?
  • public?void?surfaceCreated(SurfaceHolder?holder)?{ ?
  • ????Log.v("Himi",?"surfaceCreated"); ?
  • ????th.start(); ?
  • } ?
  • public?void?draw()?{ ?
  • ????try?{ ?
  • ????????canvas?=?sfh.lockCanvas(); ?
  • ????????if?(canvas?!=?null)?{ ?
  • ????????????canvas.drawColor(Color.BLACK); ?
  • ????????????paint.setColor(Color.WHITE); ?
  • ????????????canvas.drawText("方向鍵↑?漸變透明度動(dòng)畫效果",?80,?this.getHeight()?-?80,?paint); ?
  • ????????????canvas.drawText("方向鍵↓?漸變尺寸伸縮動(dòng)畫效果",?80,?this.getHeight()?-?60,?paint); ?
  • ????????????canvas.drawText("方向鍵←?畫面轉(zhuǎn)換位置移動(dòng)動(dòng)畫效果",?80,?this.getHeight()?-?40,?paint); ?
  • ????????????canvas.drawText("方向鍵→?畫面轉(zhuǎn)移旋轉(zhuǎn)動(dòng)畫效果",?80,?this.getHeight()?-?20,?paint); ?
  • ????????????canvas.drawBitmap(bmp,?this.getWidth()?/?2?-?bmp.getWidth()?/?2,? ?
  • ????????????????????this.getHeight()?/?2?-?bmp.getHeight()?/?2,?paint); ?
  • ????????} ?
  • ????}?catch?(Exception?e)?{ ?
  • ????????Log.v("Himi",?"draw?is?Error!"); ?
  • ????}?finally?{ ?
  • ????????sfh.unlockCanvasAndPost(canvas); ?
  • ????} ?
  • } ?
  • @Override ?
  • public?boolean?onKeyDown(int?keyCode,?KeyEvent?event)?{ ?
  • ????if?(keyCode?==?KeyEvent.KEYCODE_DPAD_UP)?{//漸變透明度動(dòng)畫效果 ?
  • ????????mAlphaAnimation?=?new?AlphaAnimation(0.1f,?1.0f); ?
  • ????????mAlphaAnimation.setDuration(3000); ?
  • ????????this.startAnimation(mAlphaAnimation); ?
  • ????}?else?if?(keyCode?==?KeyEvent.KEYCODE_DPAD_DOWN)?{//漸變尺寸伸縮動(dòng)畫效果 ?
  • ????????mScaleAnimation?=?new?ScaleAnimation(0.0f,?2.0f,? ?
  • ????????????????1.5f,?1.5f,?Animation.RELATIVE_TO_PARENT,? ?
  • ????????????????0.5f,?Animation.RELATIVE_TO_PARENT,?0.0f); ?
  • ????????mScaleAnimation.setDuration(2000); ?
  • ????????this.startAnimation(mScaleAnimation); ?
  • ????}?else?if?(keyCode?==?KeyEvent.KEYCODE_DPAD_LEFT)?{//畫面轉(zhuǎn)換位置移動(dòng)動(dòng)畫效果 ?
  • ????????mTranslateAnimation?=?new?TranslateAnimation(0,?100,?0,?100); ?
  • ????????mTranslateAnimation.setDuration(2000); ?
  • ????????this.startAnimation(mTranslateAnimation); ?
  • ????}?else?if?(keyCode?==?KeyEvent.KEYCODE_DPAD_RIGHT)?{//畫面轉(zhuǎn)移旋轉(zhuǎn)動(dòng)畫效果 ?
  • ????????mRotateAnimation?=?new?RotateAnimation(0.0f,?360.0f,? ?
  • ????????????????Animation.RELATIVE_TO_SELF,?0.5f,?Animation.RELATIVE_TO_SELF,?0.5f); ?
  • ????????mRotateAnimation.setDuration(3000); ?
  • ????????this.startAnimation(mRotateAnimation); ?
  • ????} ?
  • ????return?super.onKeyDown(keyCode,?event); ?
  • } ?
  • public?void?run()?{ ?
  • ????//?TODO?Auto-generated?method?stub ?
  • ????while?(true)?{ ?
  • ????????draw(); ?
  • ????????try?{ ?
  • ????????????Thread.sleep(100); ?
  • ????????}?catch?(Exception?ex)?{ ?
  • ????????} ?
  • ????} ?
  • } ?
  • public?void?surfaceChanged(SurfaceHolder?holder,?int?format,?int?width,?int?height)?{ ?
  • ????Log.v("Himi",?"surfaceChanged"); ?
  • } ?
  • public?void?surfaceDestroyed(SurfaceHolder?holder)?{ ?
  • ????Log.v("Himi",?"surfaceDestroyed"); ?
  • ????} ?
  • }?
  • ?

    ???? 動(dòng)畫代碼實(shí)現(xiàn)跟View中的做法一樣,運(yùn)行模擬器發(fā)現(xiàn)按鍵沒效果,不是按鍵沒觸發(fā)是本來就存在問題, - -。但是!大家可以把此類里有一行,也就是(備注2)的注釋打開,我們給設(shè)置背景圖,然后在模擬器上的運(yùn)行效果如下圖:?

    ???? 很明顯的看到,我們的動(dòng)畫正常運(yùn)行了,雖然效果并不是我們想到的!但是這里可以說明一點(diǎn)問題:

    SurfaceView 本身具備雙緩沖機(jī)制!!!!!

    ??? 有些文章里說“給SurfaceView添加雙緩沖”,其實(shí)是在畫蛇添足 - -,而且介紹的時(shí)候拿著單線程與雙線程例子來解釋雙緩沖更高效的實(shí)現(xiàn)方法;我想弱弱的問什么是雙緩沖??? 如果SurfaceView不具備雙緩沖,那敢問上面這張截圖如何解釋????

    ??? 其實(shí)要實(shí)現(xiàn)雙緩沖,只需要是新建一個(gè)Bitmap和Canvas,用這個(gè)新建的Canvas把正弦波畫到新建的Bitmap,畫完再通過sfh.lockCanvas獲取SurfaceView對應(yīng)的Canvas,用這個(gè)Canvas把新建的Bitmap畫到SurfaceView上去,這才叫雙緩沖; 還有雙緩存和多線程沒關(guān)系!?

    ??? 那么View中動(dòng)畫的實(shí)現(xiàn)機(jī)制是在不斷的刷屏不斷的重復(fù)調(diào)用重寫的onDraw()方法、而在Surfaceview的那張截圖確實(shí)也正常的動(dòng)畫操作了,原因又何在?而且我們設(shè)置的背景圖覆蓋我們draw出來的字體!!效果很不理想;那么經(jīng)過考慮我決定利用布局把View和SurfaceView都一并顯示,用View主要去完成動(dòng)畫部分,(那么關(guān)于如何一并顯示,或者說同時(shí)在SurfaceView中添加組件,在之前的【Android 2D開發(fā)之六】 和 【Android 2D開發(fā)之七】都有了詳細(xì)講解,那么在這里),當(dāng)然一并顯示也會(huì)有問題,比如我們存在了view和Surfaceiew,那么按鍵的時(shí)候觸發(fā)的哪個(gè)?或者說如何去控制這兩個(gè)View?放心,我下面就跟大家一一來講解!

    ???? 下面先讓我們把我們的view 和 Surfaceview 先同時(shí)顯示出來:【黑色的是MyView (View),白色是MySurfaceView(SurfaceView)】?

    先上張運(yùn)行截圖: (圖4)?

    main.xml中的代碼

  • <?xml?version="1.0"?encoding="utf-8"?>?
  • <LinearLayout?xmlns:android="http://schemas.android.com/apk/res/android"?
  • ????android:orientation="vertical"?
  • ????android:layout_width="fill_parent"?
  • ????android:layout_height="fill_parent"?
  • ????>? ?
  • ????<RelativeLayout?
  • ????????????android:layout_width="fill_parent"?
  • ????????????android:layout_height="wrap_content"?
  • ????????????android:layout_weight="1"?>?
  • ???????<com.himi.MySurfaceView?android:id="@+id/view3d"?
  • ????????????android:layout_width="fill_parent"?
  • ????????????android:layout_height="fill_parent"/>??? ?
  • ????<com.himi.MyView?android:id="@+id/myview"?
  • ????????????android:layout_width="fill_parent"?
  • ????????????android:layout_height="fill_parent"/>??? ?
  • ????</RelativeLayout>??? ?
  • </LinearLayout>?
  • ?

    ??xml中我們注冊了我們自定義的view-MyView 和 SurfaceView-MySurfaceView;

    需要強(qiáng)調(diào)的有兩點(diǎn):

    ??? 1 : 當(dāng)我們xml中注冊我們的View時(shí),我們View類中的構(gòu)造函數(shù)必須要用public MyView(Context context, AttributeSet attrs) {} 兩個(gè)參數(shù)的形式,以前的文章有講解。?

    ??? 2 : 當(dāng)我們在Xml中注冊兩個(gè)View的時(shí)候,它們顯示的次序就是根據(jù)xml注冊的順序來顯示,比如上面我們先注冊了MySurfaceView,然后注冊的MyView ,那么顯示的時(shí)候會(huì)把后添加進(jìn)去的MyView顯示在最上層!

    ?下面我們來看MySurfaceView.java中的代碼:?

  • package?com.himi; ?
  • import?android.content.Context; ?
  • import?android.graphics.Canvas; ?
  • import?android.graphics.Color; ?
  • import?android.graphics.Paint; ?
  • import?android.util.AttributeSet; ?
  • import?android.view.KeyEvent;? ?
  • import?android.view.SurfaceHolder; ?
  • import?android.view.SurfaceView;? ?
  • import?android.view.SurfaceHolder.Callback;?? ?
  • /** ?
  • ?*? ?
  • ?*?@author?Himi ?
  • ?* ?
  • ?*/ ?
  • public?class?MySurfaceView?extends?SurfaceView?implements?Callback,?Runnable?{ ?
  • ????public?static?MySurfaceView?msrv?;//----備注1 ?
  • ????private?int?move_x?=?2,?x?=?20; ?
  • ????private?Thread?th; ?
  • ????private?SurfaceHolder?sfh; ?
  • ????private?Canvas?canvas; ?
  • ????private?Paint?p;? ?
  • ????public?MySurfaceView(Context?context,?AttributeSet?attrs)?{? ?
  • ????????super(context,?attrs); ?
  • ????????msrv=this; ?
  • ????????p?=?new?Paint();? ?
  • ????????p.setAntiAlias(true); ?
  • ????????sfh?=?this.getHolder(); ?
  • ????????sfh.addCallback(this); ?
  • ????????th?=?new?Thread(this); ?
  • ????????this.setKeepScreenOn(true);? ?
  • ?????????this.setFocusable(true);//?----備注2 ?
  • ????}? ?
  • ????public?void?surfaceCreated(SurfaceHolder?holder)?{ ?
  • ????????th.start();? ?
  • ????}? ?
  • ????public?void?draw()?{ ?
  • ????????canvas?=?sfh.lockCanvas(); ?
  • ????????if(canvas!=null){ ?
  • ????????????canvas.drawColor(Color.WHITE); ?
  • ????????????canvas.drawText("我是???-?Surfaceview",?x?+?move_x,?280,?p); ?
  • ????????????sfh.unlockCanvasAndPost(canvas); ?
  • ????????}? ?
  • ????} ?
  • ????private?void?logic()?{?? ?
  • ????????x?+=?move_x; ?
  • ????????if?(x?>?200?||?x?<?80)?{ ?
  • ????????????move_x?=?-move_x; ?
  • ????????} ?
  • ????} ?
  • ????@Override ?
  • ????public?boolean?onKeyDown(int?key,?KeyEvent?event)?{?//備注2 ?
  • ????????return?super.onKeyDown(key,?event); ?
  • ????}? ?
  • ????? ?
  • ????public?void?run()?{ ?
  • ????????//?TODO?Auto-generated?method?stub ?
  • ????????while?(true)?{ ?
  • ????????????draw(); ?
  • ????????????logic(); ?
  • ????????????try?{ ?
  • ????????????????Thread.sleep(100); ?
  • ????????????}?catch?(Exception?ex)?{ ?
  • ????????????} ?
  • ????????} ?
  • ????}?? ?
  • ????public?void?surfaceChanged(SurfaceHolder?holder,?int?format,?int?width, ?
  • ????????????int?height)?{? ?
  • ????}? ?
  • ????public?void?surfaceDestroyed(SurfaceHolder?holder)?{? ?
  • ????} ?
  • } ?
  • ????? 代碼都很熟悉了, 主要我們來給大家解釋下備注1,備注2:

    備注1:

    ??? 我在兩個(gè)MyView 和 MySurfaceView中都定義了本類一個(gè)靜態(tài)對象,然后在初始化的時(shí)候都利用=this的形式進(jìn)行了實(shí)例化;

    ??? 注意:=this; 的這種實(shí)例形式要注意!只能在當(dāng)前程序中僅存在一個(gè)本類對象才可使用!

    ??? 為什么要實(shí)例兩個(gè)View的實(shí)例而且定義成靜態(tài),這樣做主要為了類之間方便調(diào)用和操作!比如在我們這個(gè)項(xiàng)目中,我這樣做是為了在MainActivity中去管理兩個(gè)View按鍵焦點(diǎn)!下面我會(huì)給出MainActivity的代碼,大家一看便知;?

    備注2:

    ??? 我在兩個(gè)MyView 和 MySurfaceView中都對獲取按鍵焦點(diǎn)注釋掉了,而是在別的類中的調(diào)用其View的靜態(tài)實(shí)例對象就可以任意類中對其設(shè)置!這樣就可以很容易去控制到底誰來響應(yīng)按鍵了。

    ???? 這里還要強(qiáng)調(diào)一下:當(dāng)xml中注冊多個(gè) View的時(shí)候,當(dāng)我們點(diǎn)擊按鍵之后,Android會(huì)先判定哪個(gè)View setFocusable(true)設(shè)置焦點(diǎn)了,如果都設(shè)置了,那么Android 會(huì)默認(rèn)響應(yīng)在xml中第一個(gè)注冊的view ,而不是兩個(gè)都會(huì)響應(yīng)。那么為什么不同時(shí)響應(yīng)呢?我解釋下:?

    ??? 上面這截圖是Android SDK Api的樹狀圖,很明顯SurfaceView繼承了View,它倆是基繼承關(guān)系,那么不管是子類還是基類一旦響應(yīng)了按鍵,其基類或者父類就不會(huì)再去響應(yīng);

    ?下面我們來看MainActivity.java:

  • package?com.himi; ?
  • import?android.app.Activity; ?
  • import?android.os.Bundle;? ?
  • import?android.view.KeyEvent; ?
  • import?android.view.Window; ?
  • import?android.view.WindowManager; ?
  • /** ?
  • ?*? ?
  • ?*?@author?Himi ?
  • ?* ?
  • ?*/ ?
  • public?class?MainActivity?extends?Activity?{ ?
  • ????/**?Called?when?the?activity?is?first?created.?*/? ?
  • ????@Override ?
  • ????public?void?onCreate(Bundle?savedInstanceState)?{ ?
  • ????????super.onCreate(savedInstanceState); ?
  • ????????this.requestWindowFeature(Window.FEATURE_NO_TITLE); ?
  • ????????this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, ?
  • ????????????????WindowManager.LayoutParams.FLAG_FULLSCREEN); ?
  • ????????setContentView(R.layout.main);? ?
  • ????????MySurfaceView.msrv.setFocusable(false);//備注1 ?
  • ????????MyView.mv.setFocusable(true);//備注1 ?
  • ????} ?
  • ????@Override ?
  • ????public?boolean?onKeyDown(int?keyCode,?KeyEvent?event)?{//備注2 ?
  • ????????return?super.onKeyDown(keyCode,?event); ?
  • ????} ?
  • ???? ?
  • }?
  • ?

    備注1:

    ??? 這里是當(dāng)程序運(yùn)行的時(shí)候我們默認(rèn)讓我們的MyView(View)來響應(yīng)按鍵。通過類名調(diào)用對應(yīng)的View實(shí)例,然后設(shè)置獲取焦點(diǎn)的函數(shù);

    備注2:

    ??? 這里要注意:不管你在xml中注冊了多少個(gè)View ,也不管View是否都設(shè)置了獲取焦點(diǎn),只要你在 MainActivity 中重寫onKeyDown()函數(shù),Android 就會(huì)調(diào)用此函數(shù)。?

    ??? 那么直接在SurfaceView中進(jìn)行實(shí)現(xiàn)動(dòng)畫的想法這里沒有得到很好的解決,而是我利用布局的方式來一同顯示的方式,希望各位童鞋如果有好的方法,在SurfaceView中直接能使用動(dòng)畫的建議和想法,希望留言給我,大家一起學(xué)習(xí) 討論,謝謝 下面給出項(xiàng)目源碼:

    ?源碼下載地址:?http://www.himigame.com/android-game/331.html

    (歡迎各位童鞋訂閱本博客,因?yàn)樵鄣母滤俣瓤墒呛芸斓膥娃哈哈)

    總結(jié)

    以上是生活随笔為你收集整理的【Android游戏开发十四】深入Animation,在SurfaceView中照样使用Android—Tween Animation!...的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。