androin各类动画效果实现



Android官网动画说明：http://developer.android.com/intl/es/develop/index.html

 

http://developer.android.com/intl/es/reference/android/view/animation/Animation.html

Animation的几个子类

AlphaAnimation（透明动画）, AnimationSet, RotateAnimation（旋转动画）, ScaleAnimation,（缩放动画） TranslateAnimation（移动动画）

新建项目LearnAnimationEffect

用XML设置动画效果存放在res\anim目录下

aa.xml

<?xml version="1.0" encoding="utf-8"?> <!--透明动画效果--> <alpha     android:fromAlpha="0"     android:toAlpha="1"     android:duration="1000"     xmlns:android="http://schemas.android.com/apk/res/android"> </alpha>

Ra.xml

<?xml version="1.0" encoding="utf-8"?> <!--旋转动画效果--> <rotate     android:fromDegrees="0"     android:toDegrees="360"     android:duration="1000"     android:pivotX="50%"     android:pivotY="50%"     xmlns:android="http://schemas.android.com/apk/res/android"> </rotate>

Sa.xml

<?xml version="1.0" encoding="utf-8"?> <!--缩放动画效果--> <scale     android:fromXScale="0"     android:toXScale="1"     android:fromYScale="0"     android:toYScale="1"     android:duration="1000"     android:pivotX="50%"     android:pivotY="50%"     xmlns:android="http://schemas.android.com/apk/res/android"> </scale>

<?xml version="1.0" encoding="utf-8"?> <!--移动动画效果--> <translate     android:fromXDelta="0"     android:toXDelta="200"     android:fromYDelta="0"     android:toYDelta="200"     android:duration="1000"     xmlns:android="http://schemas.android.com/apk/res/android"> </translate>

animation.xml

<?xml version="1.0" encoding="utf-8"?> <!--混合动画效果--> <set     android:shareInterpolator="true"     android:duration="2000"     xmlns:android="http://schemas.android.com/apk/res/android">     <alpha  android:fromAlpha="0"         android:toAlpha="1"/>     <translate         android:fromXDelta="200"         android:toXDelta="0"         android:fromYDelta="200"         android:toYDelta="0"         /> </set>

自定义动画效果CustomAnimation.java

package com.czg.com.learnanimationeffect; import android.view.animation.Animation; import android.view.animation.Transformation; /**  * Created by Administrator on 2015/12/29.  */ public class CustomAnimation extends Animation {     @Override  //如果需要知道目标对象的宽高，则需要重写该方法，否则可以不重写该方法     //参数是目标对象的宽高、父集容器的宽高。     public void initialize(int width, int height, int parentWidth, int parentHeight) { //        System.out.println("查看initialize运行是否在applyTransformation之前");         super.initialize(width, height, parentWidth, parentHeight);     }     @Override     //interpolatedTime：第一个参数是补侦时间；我们的动画执行完毕interpolatedTime值为 1,在动画效果执行时由  0到1之间逐渐增加，知道为1时，结束动画     //t是动画的目标对象     protected void applyTransformation(float interpolatedTime, Transformation t) {         //System.out.println("interpolatedTime的值："+interpolatedTime); //        t.setAlpha(interpolatedTime);         //t.getMatrix().setTranslate(150*interpolatedTime,200);//横向慢慢移动，纵向快速移动，自定义动画效果主要通过这个方法的参数值进行控制         //t.getMatrix().setTranslate((float)(Math.sin(interpolatedTime*20)*50),0);  //摇头动作         //t.getMatrix().setTranslate(0,(float)(Math.sin(interpolatedTime * 20)*50));//点头动作         t.getMatrix().setTranslate((float)(Math.log(interpolatedTime)*50),(float)(Math.log(interpolatedTime)*20));//         super.applyTransformation(interpolatedTime, t);     } }

activity_animation_effect.xml实现各类动画的activity

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"     android:orientation="vertical"     android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"     android:paddingRight="@dimen/activity_horizontal_margin"     android:paddingTop="@dimen/activity_vertical_margin"     android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">     <TextView         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="向上滑动更多动画效果展示"         android:id="@+id/textView" />     <ScrollView         android:layout_width="match_parent"         android:layout_height="match_parent"         android:id="@+id/scrollView2" >         <LinearLayout             android:orientation="vertical"             android:layout_width="match_parent"             android:layout_height="match_parent">             <!--透明动画-->             <ImageView                 android:layout_width="wrap_content"                 android:layout_height="wrap_content"                 android:id="@+id/imageView"                 android:layout_gravity="center_horizontal"                 android:onClick="onClickAlphaAnimation"                 android:src="@drawable/btn_state_pressed_true" />             <Button                 android:layout_width="fill_parent"                 android:layout_height="wrap_content"                 android:text="透明动画withXMl"                 android:onClick="onClickAlphaAnimationWithXML"                 android:id="@+id/btnAlphaAnimationWithXML" />             <!--旋转动画-->             <ImageButton                 android:layout_width="wrap_content"                 android:layout_height="wrap_content"                 android:id="@+id/btnRotateAnimation"                 android:onClick="onClickRotateAnimation"                 android:src="@drawable/btn_state_pressed_true"                 android:layout_gravity="center_horizontal" />             <Button                 android:layout_width="fill_parent"                 android:layout_height="wrap_content"                 android:text="旋转动画with XML"                 android:onClick="onClickRotateAnimationWithXMl"                 android:id="@+id/btnRotateAnimationWithXML" />             <!-- Translate移动动画效果-->             <Button                 android:layout_width="fill_parent"                 android:layout_height="wrap_content"                 android:text="移动动画效果"                 android:onClick="onClickTranslateAnimation"                 android:id="@+id/btnTranslateAnimation" />             <Button                 android:layout_width="fill_parent"                 android:layout_height="wrap_content"                 android:text="移动动画效果WtihXML"                 android:onClick="onClickTranslateAnimationWithXML"                 android:id="@+id/btnTranslateAnimationWithXML" />             <!--  ScaleAnimation缩放动画效果-->             <Button                 android:layout_width="fill_parent"                 android:layout_height="wrap_content"                 android:text="缩放动画效果"                 android:onClick="onClickScaleAnimation"                 android:id="@+id/btnScaleAnimation" />             <Button                 android:layout_width="fill_parent"                 android:layout_height="wrap_content"                 android:text="缩放动画效果withXML"                 android:onClick="onClickScaleAnimationWithXML"                 android:id="@+id/btnScaleAnimationwithXML" />             <Button                 android:layout_width="fill_parent"                 android:layout_height="wrap_content"                 android:text="混合动画效果"                 android:onClick="onClicknMixtureAnimation"                 android:id="@+id/btnMixtureAnimation" />             <Button                 android:layout_width="fill_parent"                 android:layout_height="wrap_content"                 android:text="混合动画withXMl"                 android:onClick="onClickbtnMixtureAnimationWithXML"                 android:id="@+id/btnMixtureAnimationWithXML" />             <Button                 android:layout_width="fill_parent"                 android:layout_height="wrap_content"                 android:text="动画效果侦听"                 android:onClick="onClickAnimationMonitor"                 android:id="@+id/btnAnimationMonitor" />             <Button                 android:layout_width="fill_parent"                 android:layout_height="wrap_content"                 android:text="自定义动画效果"                 android:onClick="onClickCustomAnimation"                 android:id="@+id/btnCustomAnimation" />         </LinearLayout>     </ScrollView> </LinearLayout>

实现各类动画效果的AnimationEffectActivity.java

public class AnimationEffectActivity extends AppCompatActivity {     @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_animation_effect);     } //透明动画     public void onClickAlphaAnimation(View view) {         AlphaAnimation aa=new AlphaAnimation(0,1);//0到1之间透明明度动画         aa.setDuration(1000);  //时长为1秒         view.startAnimation(aa);     } //透明动画withXMl     public void onClickAlphaAnimationWithXML(View view) {         view.startAnimation(AnimationUtils.loadAnimation(AnimationEffectActivity.this,R.anim.aa));     } //旋转动画     public void onClickRotateAnimation(View view) {         RotateAnimation ra;         //ra=new RotateAnimation(0,360);//从0到360读旋转         ra=new RotateAnimation(0,360,100,150);//从0到360读旋转100,50的中心的像素为中心点选择         ra.setDuration(1000);//这是1秒         view.startAnimation(ra);     } //旋转动画with XML     public void onClickRotateAnimationWithXMl(View view) {         view.startAnimation(AnimationUtils.loadAnimation(AnimationEffectActivity.this,R.anim.ra));     } //移动动画效果     public void onClickTranslateAnimation(View view) {         TranslateAnimation ta;         ta=new TranslateAnimation(0,200,0,200);  //相对自身的像素         ta.setDuration(1000);         view.startAnimation(ta);     } //移动动画效果WtihXML     public void onClickTranslateAnimationWithXML(View view) {         view.startAnimation(AnimationUtils.loadAnimation(AnimationEffectActivity.this,R.anim.ta));     } //缩放动画效果     public void onClickScaleAnimation(View view) {         ScaleAnimation sa;         //sa=new ScaleAnimation(0,1,0,1);  //左上角开始         sa=new ScaleAnimation(0,1,0,1,100,50);  //左上角开始         sa.setDuration(1000);         view.startAnimation(sa);     } //缩放动画效果withXML     public void onClickScaleAnimationWithXML(View view) {         view.startAnimation(AnimationUtils.loadAnimation(AnimationEffectActivity.this,R.anim.sa));     }     //混合动画效果     public void onClicknMixtureAnimation(View view) {         AnimationSet as;         as=new AnimationSet(true); //动画补侦动画匀速执行或加速执行         as.setDuration(1000);         AlphaAnimation aa=new AlphaAnimation(0,1);         aa.setDuration(1000);         as.addAnimation(aa);         TranslateAnimation ta=new TranslateAnimation(300,0,300,0);         ta.setDuration(1000);         as.addAnimation(ta);         view.startAnimation(as);     }     //混合动画效果     public void onClickbtnMixtureAnimationWithXML(View view) {         view.startAnimation(AnimationUtils.loadAnimation(AnimationEffectActivity.this, R.anim.animation));     }     //动画效果侦听     public void onClickAnimationMonitor(View view) {         Animation a=AnimationUtils.loadAnimation(AnimationEffectActivity.this, R.anim.animation);         a.setAnimationListener(new Animation.AnimationListener() {             @Override  //动画开始             public void onAnimationStart(Animation animation) {                 Toast.makeText(AnimationEffectActivity.this, "动画效果即将开始", Toast.LENGTH_SHORT).show();             }             @Override  //动画结束             public void onAnimationEnd(Animation animation) {                 Toast.makeText(AnimationEffectActivity.this, "动画效果结束", Toast.LENGTH_SHORT).show();             }             @Override  //动画重复             public void onAnimationRepeat(Animation animation) {             }         });         view.startAnimation(a);     }     //自定义动画效果     public void onClickCustomAnimation(View view) {         CustomAnimation ca=new CustomAnimation();         ca.setDuration(1000);         view.startAnimation(ca);     } }