android anim 動畫詳細介紹.doc

Android動畫及圖片的縮放和旋轉 Android動畫有2種，一種是Tween Animation,另一種是Frame Animation，先說說Tween動畫吧。Tween動畫是對視圖對象中的內容進行一系列簡單的轉換，比如位置的移動，大小的縮放，旋轉，透明度得變化等等。Tween動畫可以寫到一個xml文件中，就像定義布局文件一樣，當然，也可以寫到android代碼中，不過推薦寫到xml文件中，因為它具備的閱讀性，可重用性大大超過了硬編碼。xml文件放在工程的res/anim目錄中，這個目錄中要包含一個根元素，可以是,或者,當然，這些元素都可以放到一個動畫集合中，默認情況下，所有的動畫指令都是同時發(fā)生的，為了讓他們按順序發(fā)生，需要設置一個特殊的屬性startOffset。下面定義了一個動畫的集合：1 2 4 13 14 15 25 33 34 這里解釋一下這段代碼的作用：首先是一個動畫的集合set,在這個set中有一個屬性shareInterpolater，如果設置為true，則這個集合下面所有的子元素都享有同樣的interpolater，api上面是這樣說的：android:shareInterpolator Boolean. true if you want to share the same interpolator among all child elements. 緊跟在這個集合后面的是一個縮放動畫，里面有一些個屬性，下面一一介紹： android：interpolator屬性：這是值定一個動畫的插入器，有一些常用的插入器：accelerate_decelerate_interpolator加速-減速動畫插入器，顧名思義，就是先加速后減速，accelerate_interpolator加速動畫插入器，decelerate_interpolator減速動畫插入器 android：fromXScale屬性為動畫起始時，x坐標上的伸縮尺寸 android：toXScal屬性為動畫結束時，x坐標上的伸縮尺寸 android：fromYScale屬性為動畫起始時，y坐標上的伸縮尺寸 android：toYScale屬性為動畫結束時，y坐標上的伸縮尺寸 關于伸縮尺寸這里還要羅嗦一下： 也就是上面的四個屬性的值：0.0表示收縮到沒有，1.0表示正常無收縮，值小于1.0表示收縮，值大于1.0表示放大。 android：fillAfter屬性當設置為true時，該動畫轉化在動畫結束后被應用，同理還有android：fillBefore屬性，當設置為true時，該動畫轉化在動畫開始前被應用 android:duration屬性表示動畫持續(xù)的時間，單為時毫秒 android：pivotX屬性為動畫相對于x坐標的起始位置 android：pivotY屬性為動畫相對于y坐標的起始位置 這2個屬性有不同的格式表示，如值為50，表示是相對于父類的50%，如值為50%，表示是相對于自己的50% 這里的50%表示相對于自身x，y坐標上的中點位置 緊跟著是一個動畫集合，里面有縮放和旋轉，這個集合的interpolater為減速動畫插入器 這里的縮放里面還有一個屬性，android：startOffset屬性是設置動畫開始的時間，這里設置700是表示700毫秒之后開始，也就是第一個縮放完成之后開始。 旋轉里面的屬性跟scale里面的都差不多，只是旋轉講究的角度。 android：fromDegrees屬性表示動畫起始時的角度 android：toDegrees屬性表示動畫結束時旋轉的角度，可以大于360度 動畫文件寫好了之后，我們就可以在代碼中調用這個動畫了，先寫一個布局文件，布局文件里面有一個ImageView，然后我們讓這個ImageView做動畫。 布局文件如下： 1 2 6 11 然后我們讓這個圖片按照我們xml中指定的動畫運動： 代碼： package com.test.shang;import android.app.Activity;import android.graphics.drawable.AnimationDrawable;import android.graphics.drawable.TransitionDrawable;import android.os.Bundle;import android.view.MotionEvent;import android.view.animation.Animation;import android.view.animation.AnimationSet;import android.view.animation.AnimationUtils;import android.widget.ImageView;public class TestStyle extends Activity AnimationDrawable animationDrawable;Overrideprotected void onCreate (Bundle savedInstanceState) super.onCreate(savedInstanceState);setContentView(R.layout.test);ImageView iv = (ImageView) findViewById(R.id.imageView1);Animation animation = (AnimationSet) AnimationUtils.loadAnimation(this, R.anim.anim_set);iv.setAnimation(animation);animation.start();因為這里是動畫，不好截圖，所以我就不截圖了，具體效果大家可以試試看。 下面接著說說Frame Animation吧：也就是幀動畫，可以使用AndroidDrawable來負責幀動畫，同樣它可以在xml文件中很方便的列出所有的幀，按照周期去執(zhí)行每幀動畫，下面是一個定義幀動畫的例子： 1 2 4 5 6 7 這里定義了幀的名字和每幀的持續(xù)時間. 這里有3幀，通過設置android：oneshot屬性為true，它將會在最后一幀停下來，如果設置為false，它將會循環(huán)播放，可以把它添加到一個背景中，讓他播放，具體代碼如下： 布局文件： 1 2 6 10 在代碼里面設置imageview的背景圖片，然后做動畫： 1 package com.test.shang;2 3 import android.app.Activity;4 import android.graphics.drawable.AnimationDrawable;5 import android.graphics.drawable.TransitionDrawable;6 import android.os.Bundle;7 import android.view.MotionEvent;8 import android.view.animation.Animation;9 import android.view.animation.AnimationSet;10 import android.view.animation.AnimationUtils;11 import android.widget.ImageView;12 13 public class TestStyle extends Activity 14 AnimationDrawable animationDrawable;15 16 Override17 protected void onCreate (Bundle savedInstanceState) 18 super.onCreate(savedInstanceState);19 setContentView(R.layout.test);20 ImageView iv = (ImageView) findViewById(R.id.imageView1);21 iv.setBackgroundResource(R.anim.anim_list);22 animationDrawable = (AnimationDrawable) iv.getBackground();23 24 Override25 public boolean onTouchEvent (MotionEvent event) 26 if(event.getAction() = MotionEvent.ACTION_DOWN) 27 animationDrawable.start();28 return true;29 30 return super.onTouchEvent(event);31 32 這里需要注意的是：AnimationDrawable在調用OnCreate的過程中不能調用start（），這是因為AnimationDrawable不能在不完全的窗口上運行，需要一個操作來觸發(fā)，如果你想立即播放動畫，沒有必要的交互，你可以在onWindowFocusChanged（）方法中調用它，這樣它將會成為窗口焦點。 下面說說圖片的縮放和旋轉： 這里我就寫的比較簡單了，代碼里面的注釋很詳細，可以慢慢看。 1 package com.test.shang;2 3 import android.app.Activity;4 import android.graphics.Bitmap;5 import android.graphics.BitmapFactory;6 import android.graphics.Matrix;7 import android.graphics.drawable.BitmapDrawable;8 import android.os.Bundle;9 import android.widget.ImageView;10 import android.widget.ImageView.ScaleType;11 import android.widget.LinearLayout;12 import android.widget.LinearLayout.LayoutParams;13 14 public class BitmapTest extends Activity 15 16 Override17 protected void onCreate (Bundle savedInstanceState) 18 super.onCreate(savedInstanceState);19 setTitle(測試圖片的縮放和旋轉);20 LinearLayout layout = new LinearLayout(this);21 22 /加載需要操作的圖片，這里是機器貓的圖片23 Bitmap bitmapOrg = BitmapFactory.decodeResource(getResources(), R.drawable.duola);24 25 /獲取這個圖片的寬和高26 int width = bitmapOrg.getWidth();27 int height = bitmapOrg.getHeight();28 29 /定義預轉換成的圖片的寬和高30 int newWidth = 200;31 int newHight = 200;32 33 /計算縮放率，新尺寸除原尺寸34 float scaleWidth = (float)newWidth/width;35 float scaleHeight = (float)newHight/height;36 37 /創(chuàng)建操作圖片用的matrix對象38 Matrix matrix = new Matrix();39 40 /縮放圖片動作41 matrix.postScale(scaleWidth, scaleHeight);42 43 /旋轉圖片動作44 matrix.postRotate(45);45 46 /創(chuàng)建新的圖片47 Bitmap resizedBitmap = Bitmap.createBitmap(bitmapOrg, 0, 0, width, height, matrix, true);48 49 /將上面創(chuàng)建的Bitmap轉換成Drawable對象，使得其可以使用在imageView，imageButton上。50 BitmapDrawable bitmapDrawable = new BitmapDrawable(resizedBitmap);51 52 /創(chuàng)建一個ImageView53 ImageView iv = new ImageView(this);54 55 /將imageView的圖片設置為上面轉換的圖片56 iv.setImageDrawable(bitmapDrawable);57 58 /將圖片居中顯示59 iv.setScaleType(ScaleType.CENTER);60 61 /將imageView添加到布局模板中62 layout.addView(iv, new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);63 64 /設置為本activity的模板65 setContentView(layout);66 67 下面是效果預覽： 好了，今天就到這里吧。本文主要研究Android中的三種動畫，第一種是單個View的各種動畫效果，第二種是兩個Activity切換時的動畫效果，第三種是類似于Gif的Frame By Frame動畫效果，其中View的各種動畫包括在xml文件中定義和代碼中定義兩種方式。一、動畫基本類型：如下表所示，Android的動畫由四種類型組成，即可在xml中定義，也可在代碼中定義，如下所示： XMLCODE 漸變透明度動畫效果alphaAlphaAnimation 漸變尺寸伸縮動畫效果scaleScaleAnimation 畫面轉換位置移動動畫效果translateTranslateAnimation 畫面轉移旋轉動畫效果rotateRotateAnimation二、如何在XML文件中定義動畫1.alpha 2.scale 3.translate4.rotate三、如何使用XML中定義的動畫 public static Animation loadAnimation (Contextcontext, int id)/第一個參數Context為程序的上下文 /第二個參數id為動畫XML文件的引用/例子：myAnimation=AnimationUtils.loadAnimation(this,R.anim.my_action);/使用AnimationUtils類的靜態(tài)方法loadAnimation()來加載XML中的動畫XML文件四、如何在java代碼中定義動畫1代碼：/在代碼中定義 動畫實例對象private Animation myAnimation_Alpha;private Animation myAnimation_Scale;private Animation myAnimation_Translate;private Animation myAnimation_Rotate; /根據各自的構造方法來初始化一個實例對象myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);myAnimation_Translate=new TranslateAnimation(30.0f, -80.0f, 30.0f, 300.0f);myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f, Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);2. 分析： 1.1 AlphaAnimation第一步：AlphaAnimation類對象定義 private AlphaAnimation myAnimation_Alpha;第二步：AlphaAnimation類對象構造AlphaAnimation(float fromAlpha, float toAlpha) /第一個參數fromAlpha為 動畫開始時候透明度/第二個參數toAlpha為 動畫結束時候透明度myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);/說明: / 0.0表示完全透明/ 1.0表示完全不透明第三步：設置動畫持續(xù)時間 myAnimation_Alpha.setDuration(5000);/設置時間持續(xù)時間為 5000毫秒1.2 ScaleAnimation第一步：ScaleAnimation類對象定義 private AlphaAnimation myAnimation_Scale;第二步：ScaleAnimation類對象構造ScaleAnimation(float fromX, float toX, float fromY, float toY, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)/第一個參數fromX為動畫起始時 X坐標上的伸縮尺寸 /第二個參數toX為動畫結束時 X坐標上的伸縮尺寸 /第三個參數fromY為動畫起始時Y坐標上的伸縮尺寸 /第四個參數toY為動畫結束時Y坐標上的伸縮尺寸/*說明: 以上四種屬性值 0.0表示收縮到沒有 1.0表示正常無伸縮 值小于1.0表示收縮 值大于1.0表示放大*/第五個參數pivotXType為動畫在X軸相對于物件位置類型/第六個參數pivotXValue為動畫相對于物件的X坐標的開始位置/第七個參數pivotXType為動畫在Y軸相對于物件位置類型 /第八個參數pivotYValue為動畫相對于物件的Y坐標的開始位置myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);第三步：設置動畫持續(xù)時間myAnimation_Scale.setDuration(700);/設置時間持續(xù)時間為 700毫秒1.3 TranslateAnimation第一步：TranslateAnimation類對象定義 private AlphaAnimation myAnimation_Translate;第二步：TranslateAnimation類對象構造 TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta) /第一個參數fromXDelta為動畫起始時 X坐標上的移動位置/第二個參數toXDelta為動畫結束時 X坐標上的移動位置/第三個參數fromYDelta為動畫起始時Y坐標上的移動位置/第四個參數toYDelta為動畫結束時Y坐標上的移動位置 第三步：設置動畫持續(xù)時間 mmyAnimation_Translate.setDuration(2000);1.4 RotateAnimation第一步：RotateAnimation類對象定義private AlphaAnimation myAnimation_Rotate;第二步：RotateAnimation類對象構造RotateAnimation(float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)/第一個參數fromDegrees為動畫起始時的旋轉角度/第二個參數toDegrees為動畫旋轉到的角度/第三個參數pivotXType為動畫在X軸相對于物件位置類型/第四個參數pivotXValue為動畫相對于物件的X坐標的開始位置/第五個參數pivotXType為動畫在Y軸相對于物件位置類型/第六個參數pivotYValue為動畫相對于物件的Y坐標的開始位置myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f, Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);第三步：設置動畫持續(xù)時間myAnimation_Rotate.setDuration(3000);五、如何使用java代碼中的動畫效果使用從View父類繼承過來的方法startAnimation()來為View或是子類View等等添加一個動畫效果public void startAnimation (Animation animation) - Frame動畫主要是通過AnimationDrawable類來實現的，它有start()和stop()兩個重要的方法來啟動和停止動畫。Frame動畫一般通過XML文件配置，在工程的res/anim目錄下創(chuàng)建一個XML配置文件，該配置文件有一個根元素和若干個子元素。 實現一個人跳舞的Frame動畫，6張圖片如下所示：1、把這6張圖片放到res/drawable目錄下，分別取名為：p01.png，p02.png，p03.png，p04.png，p05.png，p06.png。2、在res/anim目錄下創(chuàng)建一個XML配置文件，文件名為：dance.xml，文件內容： apk:oneshot指示是否只運行一次，設置為false則意味著循環(huán)播放。3、在res/layout目錄下創(chuàng)建layout配置文件dance.xml，文件內容： apk:background使用上面的動畫作為背景，意味著