直接贴上今天写的一些小Demo代码,供以后学习:2011 - 05 - 25
package com.anim;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
import android.view.Window;
import android.view.WindowManager;
import android.view.animation.AccelerateDecelerateInterpolator;
import android.view.animation.AccelerateInterpolator;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.AnimationUtils;
import android.view.animation.CycleInterpolator;
import android.view.animation.DecelerateInterpolator;
import android.view.animation.Interpolator;
import android.view.animation.LinearInterpolator;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
public class MainActivity extends Activity {
/** Called when the activity is first created. */
ImageView imageView1;
ImageView imageView2;
ImageView imageView3;
ImageView imageView4;
ImageView imageView5;
Handler handler;
Animation translateAnimation;
Animation alphaAnimation;
Animation scaleAnimation;
Animation rotateAnimation;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.main);
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
imageView1 = (ImageView)findViewById(R.id.imageview1);
imageView2 = (ImageView)findViewById(R.id.imageview2);
imageView3 = (ImageView)findViewById(R.id.imageview3);
imageView4 = (ImageView)findViewById(R.id.imageview4);
imageView5 = (ImageView)findViewById(R.id.imageview5);
handler = new Handler(){
public void handleMessage(android.os.Message msg) {
switch (msg.what) {
case 1:
// 平移动画
// 1.代码实现
// Animation translateAnimation = new TranslateAnimation(0, 50.0f, 0, 100.0f);
// translateAnimation.setDuration(2000);
// 2.加载xml文件
translateAnimation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.animation_translate);
// 添加动画播放的加速/减速,即缓冲效果
// 1.线性播放,即匀速播放,这个是动画的默认效果
// LinearInterpolator linearInterpolator = new LinearInterpolator();
// translateAnimation.setInterpolator(linearInterpolator);// 添加到动画中
// 2.加速播放,参数值越大,加速效果越明显,即开始时慢,结束时快
Interpolator accelerateInterpolator = new AccelerateInterpolator(2.0f);
translateAnimation.setInterpolator(accelerateInterpolator);
// 3.减速播放,与上类似
// Interpolator decelerateInterpolator = new DecelerateInterpolator(0.8f);
// translateAnimation.setInterpolator(decelerateInterpolator);
// 4.开始和结束较慢,在动画播放中间时段会先加速后减速
// Interpolator accelerateDecelerateInterpolator = new AccelerateDecelerateInterpolator();
// translateAnimation.setInterpolator(accelerateDecelerateInterpolator);
// 5.实现循环播放的动画效果
// Interpolator cycleInterpolator = new CycleInterpolator(2.0f);
// translateAnimation.setInterpolator(cycleInterpolator);
imageView1.startAnimation(translateAnimation);
handler.sendEmptyMessageDelayed(2, 3000);
break;
case 2:
// 渐变动画
// 1.代码实现(实现效果是从完全不透明变成完全透明,在1秒钟内完成)
// Animation alphaAnimation = new AlphaAnimation(1.0f, 0.0f);
// animation2.setDuration(1000);
// 2.加载xml文件
alphaAnimation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.animation_alpha);
imageView2.startAnimation(alphaAnimation);
handler.sendEmptyMessageDelayed(3, 2000);
break;
case 3:
// 缩放动画
// 1.代码实现
// Animation scaleAnimation = new ScaleAnimation(1.0f, 2.0f, 1.0f, 2.0f, Animation.ABSOLUTE,10.0f,Animation.ABSOLUTE, 10.0f);
// scaleAnimation.setDuration(1000);
// 2.加载xml文件
scaleAnimation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.animation_scale);
imageView4.startAnimation(scaleAnimation);
handler.sendEmptyMessageDelayed(4, 2000);
break;
case 4:
// 旋转动画(实现效果是以(10.0f,10.0f)为旋转轴心点,将组件从0度旋转到270度)
// 1.代码实现 (正数表示顺时针旋转)
// Animation rotateAnimation = new RotateAnimation(0.0f, 270.0f, Animation.ABSOLUTE, 10.0f, Animation.ABSOLUTE, 10.0f);
// rotateAnimation.setDuration(3000);
// 2.加载xml文件
rotateAnimation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.animation_rotate);
rotateAnimation.setRepeatCount(Animation.INFINITE);// 设置播放次数:传入一个负数即可实现无限次播放
rotateAnimation.setRepeatMode(Animation.REVERSE);// 设置播放模式:这里设置为播放完毕后,从后向前反过来播放,还有一个是RESTART,即从头播放
rotateAnimation.setStartTime(AnimationUtils.currentAnimationTimeMillis()+2000);// 设置播放的开始时间:这里通过工具类获取当前系统时间,然后再1000,即延迟1秒,如果传入的值为负数,则立即播放,可以用系统的变量:Animation.START_ON_FIRST_FRAME(-1)
rotateAnimation.setStartOffset(3000);// 设置播放偏移时间,即动画开始播放之前延时多少毫秒,加上上面的2秒,则动画首次播放被延迟了5秒,之后重复播放过程中,每次播放都会被延迟3秒
imageView4.startAnimation(rotateAnimation);
handler.sendEmptyMessageDelayed(5, 6000);
/**
* 另外这里讲解一下其他几个方法:
* 1.setFillBefore(boolean fillBefore);当设置为true时,那么在动画开始播放之前就会进行动画变换操作,默认为true
* 2.setFillAfter(boolean fillAfter);当设置为true时,那么在动画结束之后(只有一帧)仍会进行动画变换操作,默认为false
* 3.setFillEnabled(boolean fillEnabled);只有将其设置为true,上述的两个属性才有意义,否则无论是开始还是结束都会进行动画变换操作,默认为false
*/
break;
case 5:
// 将各种动画效果集合到一块,应用到组件上
// 1.代码实现
// AnimationSet animationSet = new AnimationSet(false);// 参数说明:true表示应用AnimationSet的Interpolator效果,false表示应用各个动画对象自己的Interpolator效果
// animationSet.addAnimation(new TranslateAnimation(0, 50.0f, 0, 50.0f));
// animationSet.addAnimation(new AlphaAnimation(1.0f, 0.0f));
// animationSet.setDuration(3000);
// animationSet.setRepeatCount(Animation.INFINITE);
// animationSet.setRepeatMode(Animation.RESTART);
// 2.加载xml文件
Animation animationSet = AnimationUtils.loadAnimation(MainActivity.this, R.anim.animation_set);
imageView3.setAnimation(animationSet);
// handler.sendEmptyMessageDelayed(6, 1000);
// 设置背景
MainActivity.this.getWindow().setBackgroundDrawableResource(R.drawable.blue);
break;
case 6:
Animation animation3D = new My3DAnimation(0.0f, 360.0f, 100, 180, 100.0f, true);
animation3D.setDuration(3000);
imageView5.startAnimation(animation3D);
if (m == -1) {
handler.sendEmptyMessageDelayed(1, 3000);
m++;
}
handler.sendEmptyMessageDelayed(6, 3000);
break;
}
};
};
handler.sendEmptyMessageDelayed(6, 1000);
}
private int m = -1;
}
package com.anim;
import android.graphics.Camera;
import android.graphics.Matrix;
import android.view.animation.Animation;
import android.view.animation.Transformation;
public class My3DAnimation extends Animation {
private final float mFromDegrees;// 动画旋转的起始角度
private final float mToDegrees;//动画旋转的结束角度
private final float mCenterX;// 动画旋转原点的x坐标
private final float mCenterY;// 动画旋转原点的y坐标
private final float mDepthZ;// 在动画旋转时,在z轴上有一个来回的效果,该值表示在z轴上平移的最大距离
private final boolean mReverse;// 如果为true,则动画反向旋转
private Camera mCamera = new Camera();
public My3DAnimation(float fromDegrees,float toDegrees,float centerX,float centerY,
float depthZ,boolean reverse){
mFromDegrees = fromDegrees;
mToDegrees = toDegrees;
mCenterX = centerX;
mCenterY = centerY;
mDepthZ = depthZ;
mReverse = reverse;
}
// 该方法指定了动画每一帧的变换效果
@Override
protected void applyTransformation(float interpolatedTime, Transformation t) {
// 参数说明:
// interpolatedTime:代表动画执行的进度,为一个大于等于0,小雨等于1的浮点数
// t:为动画变换的载体,该载体即为每一帧变换信息的载体,主要包含两个属性,
// 1.Alpha:即该帧的透明度值 2. Matrix:图形变换信息,包含旋转,缩放,平移等信息
// super.applyTransformation(interpolatedTime, t);
final float fromDegrees = mFromDegrees;
// 根据当前动画进度计算出当前转动的角度
float degrees = fromDegrees+(mToDegrees - fromDegrees)*interpolatedTime;
final float centerX = mCenterX;
final float centerY = mCenterY;
final Camera camera = mCamera;
final Matrix matrix = t.getMatrix();
camera.save();
if (mReverse) {
camera.translate(0.0f, 0.0f, mDepthZ*interpolatedTime);
} else {
camera.translate(0.0f, 0.0f, mDepthZ*(1.0f - interpolatedTime));
}
camera.rotateY(degrees);
camera.getMatrix(matrix);
camera.restore();
// 根据对pre和post的理解(分别将变换效果置于变换最前和最后),
// 结合Canvas变换中缩放原点的实现原理,即该动画会以(centerX,centerY)为原点在y轴上产生旋转效果
matrix.preTranslate(-centerX, -centerY);
matrix.postTranslate(centerX, centerY);
}
/**
* Matrix介绍
* Matrix可以方便的设置各种图形 变换信息,使用Canvas的concat()方法将Matrix设置的
* 变换信息作用于Canvas上,实现变换效果,主要方法如下:
* setTranslate(float x, float y);设置平移信息,x和y分别表示在x轴和y轴上平移的距离
* setScale(float sx, float sy, float px, float py);设置缩放信息,sx和sy分别表示在x轴和y轴上的缩放倍数,px和py表示一个坐标,即缩放原点
* setRotate(float degrees, float px, float px);设置旋转信息,degrees为旋转角度,后两个参数表示旋转原点坐标
* setSinCos(float sinValue , float cosValue , float px , float py);利用sin或cos的值来表示转动的角度,后两位表示转动原点(z轴上的转动)
* setSkew(float kx, float ky, float px, float py);设置倾斜信息,kx和ky表示在x轴和y轴上想倾斜度,后两位为倾斜原点
* setConcat(Matrix a,Matrix b);将两个矩阵信息合并
* 每种变换方法都对应有pre和post两种方法,因为在Matrix中设置各种变换信息是有顺序的。
* 如: preTranslate()是将该平移操作放置在最开始执行
* postTranslate()是将该平移操作放置在最后执行
*
* Camera介绍
* Camera主要实现了三维的平移和旋转,主要方法如下:
* translate(float x,float y,float z);设置旋转信息,参数分别是在x,y,z轴上平移的角度
* rotateX(float degrees);以x轴为轴心旋转degrees角度
* rotateY(float degrees);以y轴为轴心旋转degrees角度
* rotateZ(float degrees);以z轴为轴心旋转degrees角度
* save(),restore(),用于保存和恢复变换的状态,当Camera变换完毕后,可将其变换值作用于Matrix上,使用Camera.getMatrix()方法
*/
}
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"
android:background="#40ffffff">
<ImageView
android:id="@+id/imageview1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/icon"></ImageView>
<ImageView
android:id="@+id/imageview2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/icon" />
<ImageView
android:id="@+id/imageview3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/icon" />
<ImageView
android:id="@+id/imageview4"
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/chat_input" />
<ImageView
android:id="@+id/imageview5"
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/chat_input" />
</LinearLayout>
res/anim目录下的xml文件:
animation_alpha.xml
<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:fromAlpha="0.0"
android:toAlpha="1.0"
android:duration="1000" />
animation_roate.xml
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegrees="0.0" android:toDegrees="-360.0"
android:pivotX="50%" android:pivotY="50%"
android:duration="3000" />
<!-- 正数表示顺时针旋转 -->
animation_scale.xml
<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXScale="2.0" android:toXScale="1.0"
android:fromYScale="2.0" android:toYScale="1.0"
android:pivotX="50%" android:pivotY="50%"
android:duration="1000" />
<!-- android:pivotX="" android:pivotY=""
当我们用xml文件来定义缩放动画的时候,pivotX的值为浮点数时,缩放类型
为Animation.ABSOLUTE,即缩放的轴心点为相对组件左上角的距离值,
为百分比时,缩放类型为Animation.RELATIVE_TO_SELF,即相对组件本身大小的比例
之来表示,,如上面的50%,当在后面加上一个p字母时,如50%p,
则为Animation.RELATIVE_TO_PARENT ,以父组件的总长度来计算-->
animation_translate.xml
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXDelta="0.0" android:toXDelta="200.0"
android:fromYDelta="0.0" android:toYDelta="200.0"
android:duration="2000" />
animation_set.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator" >
<alpha
android:fromAlpha="0.0"
android:toAlpha="1.0"
android:duration="1000" />
<translate
android:fromXDelta="0.0" android:toXDelta="200.0"
android:fromYDelta="0.0" android:toYDelta="200.0"
android:duration="1000" />
<scale
android:fromXScale="2.0" android:toXScale="1.0"
android:fromYScale="2.0" android:toYScale="1.0"
android:pivotX="50%" android:pivotY="50%"
android:duration="1000" />
</set>