Android Animation动画(很详细)
Animations
一、Animations介绍
Animations是一个实现android UI界面动画效果的API,Animations提供了一系列的动画效果,可以进行旋转、缩放、淡入淡出等,这些效果可以应用在绝大多数的控件中。
二、Animations的分类
Animations从总体上可以分为两大类:
1.Tweened Animations:该类Animations提供了旋转、移动、伸展和淡出等效果。Alpha——淡入淡出,Scale——缩放效果,Rotate——旋转,Translate——移动效果。
2.Frame-by-frame Animations:这一类Animations可以创建一个Drawable序列,这些Drawable可以按照指定的时间间歇一个一个的显示。
三、Animations的使用方法(代码中使用)
Animations extends Object implements Cloneable
使用TweenedAnimations的步骤:
1.创建一个AnimationSet对象(Animation子类);
2.增加需要创建相应的Animation对象;
3.更加项目的需求,为Animation对象设置相应的数据;
4.将Animatin对象添加到AnimationSet对象当中;
5.使用控件对象开始执行AnimationSet。
Tweened Animations的分类
1、Alpha:淡入淡出效果
2、Scale:缩放效果
3、Rotate:旋转效果
4、Translate:移动效果
Animation的四个子类:
AlphaAnimation、TranslateAnimation、ScaleAnimation、RotateAnimation
四、具体实现
1、main.xml
<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:id="@+id/rotateButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="旋转"/>
<Button
android:id="@+id/scaleButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="缩放"/>
<Button
android:id="@+id/alphaButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="淡入淡出"/>
<Button
android:id="@+id/translateButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="移动"/>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<ImageView
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:src="@drawable/an"/>
</LinearLayout>
</LinearLayout>
2、.java文件
importandroid.app.Activity;
importandroid.os.Bundle;
importandroid.view.View;
importandroid.view.View.OnClickListener;
importandroid.view.animation.AlphaAnimation;
importandroid.view.animation.Animation;
importandroid.view.animation.AnimationSet;
importandroid.view.animation.RotateAnimation;
importandroid.view.animation.ScaleAnimation;
importandroid.view.animation.TranslateAnimation;
importandroid.widget.Button;
importandroid.widget.ImageView;
publicclassAnimation1ActivityextendsActivity {
privateButtonrotateButton=null;
privateButtonscaleButton=null;
privateButtonalphaButton=null;
privateButtontranslateButton=null;
privateImageViewimage=null;
@Override
publicvoidonCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
rotateButton= (Button)findViewById(R.id.rotateButton);
scaleButton= (Button)findViewById(R.id.scaleButton);
alphaButton= (Button)findViewById(R.id.alphaButton);
translateButton= (Button)findViewById(R.id.translateButton);
image= (ImageView)findViewById(R.id.image);
rotateButton.setOnClickListener(newRotateButtonListener());
scaleButton.setOnClickListener(newScaleButtonListener());
alphaButton.setOnClickListener(newAlphaButtonListener());
translateButton.setOnClickListener(
newTranslateButtonListener());
}
classAlphaButtonListenerimplementsOnClickListener{
publicvoidonClick(View v) {
//创建一个AnimationSet对象,参数为Boolean型,
//true表示使用Animation的interpolator,false则是使用自己的
AnimationSet animationSet =newAnimationSet(true);
//创建一个AlphaAnimation对象,参数从完全的透明度,到完全的不透明
AlphaAnimation alphaAnimation =newAlphaAnimation(1, 0);
//设置动画执行的时间
alphaAnimation.setDuration(500);
//将alphaAnimation对象添加到AnimationSet当中
animationSet.addAnimation(alphaAnimation);
//使用ImageView的startAnimation方法执行动画
image.startAnimation(animationSet);
}
}
classRotateButtonListenerimplementsOnClickListener{
publicvoidonClick(View v) {
AnimationSet animationSet =newAnimationSet(true);
//参数1:从哪个旋转角度开始
//参数2:转到什么角度
//后4个参数用于设置围绕着旋转的圆的圆心在哪里
//参数3:确定x轴坐标的类型,有ABSOLUT绝对坐标、RELATIVE_TO_SELF相对于自身坐标、RELATIVE_TO_PARENT相对于父控件的坐标
//参数4:x轴的值,0.5f表明是以自身这个控件的一半长度为x轴
//参数5:确定y轴坐标的类型
//参数6:y轴的值,0.5f表明是以自身这个控件的一半长度为x轴
RotateAnimation rotateAnimation =newRotateAnimation(0, 360,
Animation.RELATIVE_TO_SELF,0.5f,
Animation.RELATIVE_TO_SELF,0.5f);
rotateAnimation.setDuration(1000);
animationSet.addAnimation(rotateAnimation);
image.startAnimation(animationSet);
}
}
classScaleButtonListenerimplementsOnClickListener{
publicvoidonClick(View v) {
AnimationSet animationSet =newAnimationSet(true);
//参数1:x轴的初始值
//参数2:x轴收缩后的值
//参数3:y轴的初始值
//参数4:y轴收缩后的值
//参数5:确定x轴坐标的类型
//参数6:x轴的值,0.5f表明是以自身这个控件的一半长度为x轴
//参数7:确定y轴坐标的类型
//参数8:y轴的值,0.5f表明是以自身这个控件的一半长度为x轴
ScaleAnimation scaleAnimation =newScaleAnimation(
0, 0.1f,0,0.1f,
Animation.RELATIVE_TO_SELF,0.5f,
Animation.RELATIVE_TO_SELF,0.5f);
scaleAnimation.setDuration(1000);
animationSet.addAnimation(scaleAnimation);
image.startAnimation(animationSet);
}
}
classTranslateButtonListenerimplementsOnClickListener{
publicvoidonClick(View v) {
AnimationSet animationSet =newAnimationSet(true);
//参数1~2:x轴的开始位置
//参数3~4:y轴的开始位置
//参数5~6:x轴的结束位置
//参数7~8:x轴的结束位置
TranslateAnimationtranslateAnimation =
newTranslateAnimation(
Animation.RELATIVE_TO_SELF,0f,
Animation.RELATIVE_TO_SELF,0.5f,
Animation.RELATIVE_TO_SELF,0f,
Animation.RELATIVE_TO_SELF,0.5f);
translateAnimation.setDuration(1000);
animationSet.addAnimation(translateAnimation);
image.startAnimation(animationSet);
}
}
}
Tween Animations的通用方法
1、setDuration(long durationMills)
设置动画持续时间(单位:毫秒)
2、setFillAfter(Boolean fillAfter)
如果fillAfter的值为true,则动画执行后,控件将停留在执行结束的状态
3、setFillBefore(Boolean fillBefore)
如果fillBefore的值为true,则动画执行后,控件将回到动画执行之前的状态
4、setStartOffSet(long startOffSet)
设置动画执行之前的等待时间
5、setRepeatCount(int repeatCount)
设置动画重复执行的次数
在代码中使用Animations可以很方便的调试、运行,但是代码的可重用性差,重复代码多。同样可以在xml文件中配置Animations,这样做可维护性变高了,只不过不容易进行调试。
一、在xml中使用Animations步骤
1.在res文件夹下建立一个anim文件夹;
2.创建xml文件,并首先加入set标签,更改标签如下:
<?xmlversion="1.0"encoding="utf-8"?>
<setxmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator">
</set>
3.在该标签当中加入rotate,alpha,scale或者translate标签;
<alpha
android:fromAlpha="1.0"
android:toAlpha="0.0"
android:startOffset="500"
android:duration="500"/>
4.在代码当中使用AnimationUtils当中装载xml文件,并生成Animation对象。因为Animation是AnimationSet的子类,所以向上转型,用Animation对象接收。
Animation animation = AnimationUtils.loadAnimation(
Animation1Activity.this, R.anim.alpha);
//启动动画
image.startAnimation(animation);
二、具体实现
1、 alpha.xml
<?xmlversion="1.0"encoding="utf-8"?>
<setxmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator">
<!-- fromAlpha和toAlpha是起始透明度和结束时透明度-->
<alpha
android:fromAlpha="1.0"
android:toAlpha="0.0"
android:startOffset="500"
android:duration="500"/>
</set>
2、rotate.xml
<?xmlversion="1.0"encoding="utf-8"?>
<setxmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator">
<!--
fromDegrees:开始的角度
toDegrees:结束的角度,+表示是正的
pivotX:用于设置旋转时的x轴坐标
例
1)当值为"50",表示使用绝对位置定位
2)当值为"50%",表示使用相对于控件本身定位
3)当值为"50%p",表示使用相对于控件的父控件定位
pivotY:用于设置旋转时的y轴坐标
-->
<rotate
android:fromDegrees="0"
android:toDegrees="+360"
android:pivotX="50%"
android:pivotY="50%"
android:duration="1000"/>
</set>
3、scale.xml
<?xmlversion="1.0"encoding="utf-8"?>
<setxmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator">
<!--
起始x轴坐标
止x轴坐标
始y轴坐标
止y轴坐标
轴的坐标
轴的坐标
-->
<scale
android:fromXScale="1.0"
android:toXScale="0.0"
android:fromYScale="1.0"
android:toYScale="0.0"
android:pivotX="50%"
android:pivotY="50%"
android:duration="1000"/>
</set>
4、translate.xml
<?xmlversion="1.0"encoding="utf-8"?>
<setxmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator">
<!--
始x轴坐标
止x轴坐标
始y轴坐标
止y轴坐标
-->
<translate
android:fromXDelta="0%"
android:toXDelta="100%"
android:fromYDelta="0%"
android:toYDelta="100%"
android:duration="2000"/>
</set>
5、.java文件
importandroid.app.Activity;
importandroid.os.Bundle;
importandroid.view.View;
importandroid.view.View.OnClickListener;
importandroid.view.animation.Animation;
importandroid.view.animation.AnimationUtils;
importandroid.widget.Button;
importandroid.widget.ImageView;
publicclassAnimation1ActivityextendsActivity {
privateButtonrotateButton=null;
privateButtonscaleButton=null;
privateButtonalphaButton=null;
privateButtontranslateButton=null;
privateImageViewimage=null;
@Override
publicvoidonCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
rotateButton= (Button) findViewById(R.id.rotateButton);
scaleButton= (Button) findViewById(R.id.scaleButton);
alphaButton= (Button) findViewById(R.id.alphaButton);
translateButton= (Button) findViewById(R.id.translateButton);
image= (ImageView) findViewById(R.id.image);
rotateButton.setOnClickListener(newRotateButtonListener());
scaleButton.setOnClickListener(newScaleButtonListener());
alphaButton.setOnClickListener(newAlphaButtonListener());
translateButton.setOnClickListener(newTranslateButtonListener());
}
classAlphaButtonListenerimplementsOnClickListener {
publicvoidonClick(View v) {
//使用AnimationUtils装载动画配置文件
Animation animation = AnimationUtils.loadAnimation(
Animation1Activity.this, R.anim.alpha);
//启动动画
image.startAnimation(animation);
}
}
classRotateButtonListenerimplementsOnClickListener {
publicvoidonClick(View v) {
Animation animation = AnimationUtils.loadAnimation(
Animation1Activity.this, R.anim.rotate);
image.startAnimation(animation);
}
}
classScaleButtonListenerimplementsOnClickListener {
publicvoidonClick(View v) {
Animation animation = AnimationUtils.loadAnimation(
Animation1Activity.this, R.anim.scale);
image.startAnimation(animation);
}
}
classTranslateButtonListenerimplementsOnClickListener {
publicvoidonClick(View v) {
Animation animation = AnimationUtils.loadAnimation(Animation1Activity.this, R.anim.translate);
image.startAnimation(animation);
}
}
}
AnimationSet的具体使用方法
1.AnimationSet是Animation的子类;
2.一个AnimationSet包含了一系列的Animation;
3.针对AnimationSet设置一些Animation的常见属性(如startOffset,duration等),可以被包含在AnimationSet当中的Animation集成;
例:一个AnimationSet中有两个Animation,效果叠加
第一种方法:
doubleani.xml
<?xmlversion="1.0"encoding="utf-8"?>
<setxmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator"
android:shareInterpolator="true">
<!-- fromAlpha和toAlpha是起始透明度和结束时透明度-->
<alpha
android:fromAlpha="1.0"
android:toAlpha="0.0"
android:startOffset="500"
android:duration="500"/>
<translate
android:fromXDelta="0%"
android:toXDelta="100%"
android:fromYDelta="0%"
android:toYDelta="100%"
android:duration="2000"/>
</set>
.java文件中
classDoubleButtonListenerimplementsOnClickListener {
publicvoidonClick(View v) {
//使用AnimationUtils装载动画配置文件
Animationanimation = AnimationUtils.loadAnimation(
Animation2Activity.this, R.anim.doubleani);
//启动动画
image.startAnimation(animation);
}
}
第二种方法:
.java文件中
classDoubleButtonListenerimplementsOnClickListener {
publicvoidonClick(View v) {
AnimationSet animationSet =newAnimationSet(true);
AlphaAnimation alphaAnimation =newAlphaAnimation(1, 0);
RotateAnimationrotateAnimation =newRotateAnimation(0, 360,
Animation.RELATIVE_TO_SELF,0.5f,
Animation.RELATIVE_TO_SELF,0.5f);
rotateAnimation.setDuration(1000);
animationSet.addAnimation(rotateAnimation);
animationSet.addAnimation(alphaAnimation);
image.startAnimation(animationSet);
}
}
Interpolator定义了动画变化的速率,在Animations框架当中定义了一下几种Interpolator
?AccelerateDecelerateInterpolator:在动画开始与结束的地方速率改变比较慢,在中间的时候速率快。
?AccelerateInterpolator:在动画开始的地方速率改变比较慢,然后开始加速
?CycleInterpolator:动画循环播放特定的次数,速率改变沿着正弦曲线
?DecelerateInterpolator:在动画开始的地方速率改变比较慢,然后开始减速
?LinearInterpolator:动画以均匀的速率改变
分为以下几种情况:
1、在set标签中
<setxmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator"/>
2、如果在一个set标签中包含多个动画效果,如果想让这些动画效果共享一个Interpolator。
android:shareInterpolator="true"
3、如果不想共享一个interpolator,则设置android:shareInterpolator="true",并且需要在每一个动画效果处添加interpolator。
<alpha
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fromAlpha="1.0"
android:toAlpha="0.0"
android:startOffset="500"
android:duration="500"/>
4、如果是在代码上设置共享一个interpolator,则可以在AnimationSet设置interpolator。
AnimationSet animationSet =newAnimationSet(true);
animationSet.setInterpolator(newAccelerateInterpolator());
5、如果不设置共享一个interpolator则可以在每一个Animation对象上面设置interpolator。
AnimationSet animationSet =newAnimationSet(false);
alphaAnimation.setInterpolator(newAccelerateInterpolator());
rotateAnimation.setInterpolator(newDecelerateInterpolator());
Frame-By-Frame Animations的使用方法
Frame-By-Frame Animations是一帧一帧的格式显示动画效果。类似于电影胶片拍摄的手法。
main.xml
<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout
android:orientation="horizontal"
android:layout_height="wrap_content"
android:layout_width="wrap_content">
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="运动"/>
</LinearLayout>
<LinearLayout
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ImageView
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"/>
</LinearLayout>
</LinearLayout>
3、anim.xml
<?xmlversion="1.0"encoding="utf-8"?>
<animation-listxmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false">
<itemandroid:drawable="@drawable/a_01"android:duration="50"/>
<itemandroid:drawable="@drawable/a_02"android:duration="50"/>
<itemandroid:drawable="@drawable/a_03"android:duration="50"/>
<itemandroid:drawable="@drawable/a_04"android:duration="50"/>
<itemandroid:drawable="@drawable/a_05"android:duration="50"/>
<itemandroid:drawable="@drawable/a_06"android:duration="50"/>
</animation-list>
4、.java文件
importandroid.app.Activity;
importandroid.graphics.drawable.AnimationDrawable;
importandroid.os.Bundle;
importandroid.view.View;
importandroid.view.View.OnClickListener;
importandroid.widget.Button;
importandroid.widget.ImageView;
publicclassAnimationsActivityextendsActivity {
privateButtonbutton=null;
privateImageViewimageView=null;
@Override
publicvoidonCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
button= (Button)findViewById(R.id.button);
imageView= (ImageView)findViewById(R.id.image);
button.setOnClickListener(newButtonListener());
}
classButtonListenerimplementsOnClickListener{
publicvoidonClick(View v) {
imageView.setBackgroundResource(R.anim.anim);
AnimationDrawable animationDrawable = (AnimationDrawable)
imageView.getBackground();
animationDrawable.start();
}
}
}
1、什么是LayoutAnimationsController
LayoutAnimationsController可以用于实现使多个控件按顺序一个一个的显示。
1)LayoutAnimationsController用于为一个layout里面的控件,或者是一个ViewGroup里面的控件设置统一的动画效果。
2)每一个控件都有相同的动画效果。
3)控件的动画效果可以在不同的时间显示出来。
4)LayoutAnimationsController可以在xml文件当中设置,以可以在代码当中进行设置。
2、在xml当中使用LayoutAnimationController
1)在res/anim文件夹下创建一个名为list_anim_layout.xml文件:
android:delay -动画间隔时间;子类动画时间间隔 (延迟) 70% 也可以是一个浮点数 如“1.2”等
android:animationOrder -动画执行的循序(normal:顺序,random:随机,reverse:反向显示)
android:animation –引用动画效果文件
<layoutAnimation
xmlns:android="http://schemas.android.com/apk/res/android"
android:delay="0.5"
android:animationOrder="normal"
android:animation="@anim/list_anim"/>
2)创建list_anim.xml文件,设置动画效果
<?xmlversion="1.0"encoding="utf-8"?>
<setxmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator"
android:shareInterpolator="true">
<alpha
android:fromAlpha="0.0"
android:toAlpha="1.0"
android:duration="1000"/>
</set>
3)在布局文件main.xml当中为ListVIew添加如下配置
<ListView
android:id="@id/android:list"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:scrollbars="vertical"
android:layoutAnimation="@anim/list_anim_layout"/>
4)程序结构
5)list_anim_layout.xml
<layoutAnimation
xmlns:android="http://schemas.android.com/apk/res/android"
android:delay="0.5"
android:animationOrder="normal"
android:animation="@anim/list_anim"/>
6)list_anim.xml
<?xmlversion="1.0"encoding="utf-8"?>
<setxmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator"
android:shareInterpolator="true">
<alpha
android:fromAlpha="0.0"
android:toAlpha="1.0"
android:duration="1000"/>
</set>
7)main.xml
<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<ListView
android:id="@id/android:list"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:scrollbars="vertical"
android:layoutAnimation="@anim/list_anim_layout"/>
<Button
android:id="@+id/button"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="测试"/>
</LinearLayout>
8)item.xml
<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:paddingLeft="10dip"
android:paddingRight="10dip"
android:paddingTop="1dip"
android:paddingBottom="1dip">
<TextViewandroid:id="@+id/name"
android:layout_width="180dip"
android:layout_height="30dip"
android:textSize="5pt"
android:singleLine="true"/>
<TextViewandroid:id="@+id/sex"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:textSize="5pt"
android:singleLine="true"/>
</LinearLayout>
9)java文件
publicclassAnimation2ActivityextendsListActivity {
privateButtonbutton=null;
privateListViewlistView=null;
@Override
publicvoidonCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
listView= getListView();
button= (Button)findViewById(R.id.button);
button.setOnClickListener(newButtonListener());
}
privateListAdapter createListAdapter() {
List<HashMap<String,String>> list =
newArrayList<HashMap<String,String>>();
HashMap<String,String> m1 =newHashMap<String,String>();
m1.put("name","bauble");
m1.put("sex","male");
HashMap<String,String> m2 =newHashMap<String,String>();
m2.put("name","Allorry");
m2.put("sex","male");
HashMap<String,String> m3 =newHashMap<String,String>();
m3.put("name","Allotory");
m3.put("sex","male");
HashMap<String,String> m4 =newHashMap<String,String>();
m4.put("name","boolbe");
m4.put("sex","male");
list.add(m1);
list.add(m2);
list.add(m3);
list.add(m4);
SimpleAdapter simpleAdapter =newSimpleAdapter(
this,list,R.layout.item,newString[]{"name","sex"},
newint[]{R.id.name,R.id.sex});
returnsimpleAdapter;
}
privateclassButtonListenerimplementsOnClickListener{
publicvoidonClick(View v) {
listView.setAdapter(createListAdapter());
}
}
}
备注:要将整个动画效果设置到LinerLayout中,可以这样设置:
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layoutAnimation="@anim/list_anim_layout"
>
3、在代码当中使用LayoutAnimationController
1)去掉main.xml中的android:layoutAnimation="@anim/list_anim_layout"/>
2)创建一个Animation对象:可以通过装载xml文件,或者是直接使用Animation的构造方法创建Animation对象;
Animation animation = (Animation) AnimationUtils.loadAnimation(
Animation2Activity.this, R.anim.list_anim);
3)创建LayoutAnimationController对象:
LayoutAnimationControllercontroller =newLayoutAnimationController(animation);
4)设置控件的显示顺序以及延迟时间
controller.setOrder(LayoutAnimationController.ORDER_NORMAL);
controller.setDelay(0.5f);
5)为ListView设置LayoutAnimationController属性:
listView.setLayoutAnimation(controller);
完整代码:
privateclassButtonListenerimplementsOnClickListener {
publicvoidonClick(View v) {
listView.setAdapter(createListAdapter());
Animationanimation = (Animation) AnimationUtils.loadAnimation(
Animation2Activity.this, R.anim.list_anim);
LayoutAnimationController controller =newLayoutAnimationController(animation);
controller.setOrder(LayoutAnimationController.ORDER_NORMAL);
controller.setDelay(0.5f);
listView.setLayoutAnimation(controller);
}
}
1、什么是AnimationListener
1).AnimationListener是一个监听器,该监听器在动画执行的各个阶段会得到通知,从而调用相应的方法;
2).AnimationListener主要包括如下三个方法:
n·onAnimationEnd(Animation animation) -当动画结束时调用
n·onAnimationRepeat(Animation animation) -当动画重复时调用
n·onAniamtionStart(Animation animation) -当动画启动时调用
2、具体实现
1)main.xml
<?xmlversion="1.0"encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/layout"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<Buttonandroid:id="@+id/addButton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:text="添加图片"/>
<Buttonandroid:id="@+id/deleteButton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_above="@id/addButton"
android:text="删除图片"/>
<ImageViewandroid:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:layout_marginTop="100dip"
android:src="@drawable/an"/>
</RelativeLayout>
2).java文件
publicclassAnimation2ActivityextendsActivity {
privateButtonaddButton=null;
privateButtondeleteButton=null;
privateImageViewimageView=null;
privateViewGroupviewGroup=null;
@Override
publicvoidonCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
addButton= (Button)findViewById(R.id.addButton);
deleteButton= (Button)findViewById(R.id.deleteButton);
imageView= (ImageView)findViewById(R.id.image);
//LinearLayout下的一组控件
viewGroup= (ViewGroup)findViewById(R.id.layout);
addButton.setOnClickListener(newAddButtonListener());
deleteButton.setOnClickListener(newDeleteButtonListener());
}
privateclassAddButtonListenerimplementsOnClickListener{
publicvoidonClick(View v) {
//淡入
AlphaAnimation animation =newAlphaAnimation(0.0f, 1.0f);
animation.setDuration(1000);
animation.setStartOffset(500);
//创建一个新的ImageView
ImageView newImageView =newImageView(
Animation2Activity.this);
newImageView.setImageResource(R.drawable.an);
viewGroup.addView(newImageView,
newLayoutParams(
LayoutParams.FILL_PARENT,
LayoutParams.WRAP_CONTENT));
newImageView.startAnimation(animation);
}
}
privateclassDeleteButtonListenerimplementsOnClickListener{
publicvoidonClick(View v) {
//淡出
AlphaAnimation animation =newAlphaAnimation(1.0f, 0.0f);
animation.setDuration(1000);
animation.setStartOffset(500);
//为Aniamtion对象设置监听器
animation.setAnimationListener(
newRemoveAnimationListener());
imageView.startAnimation(animation);
}
}
privateclassRemoveAnimationListenerimplementsAnimationListener{
//动画效果执行完时remove
publicvoidonAnimationEnd(Animation animation) {
System.out.println("onAnimationEnd");
viewGroup.removeView(imageView);
}
publicvoidonAnimationRepeat(Animation animation) {
System.out.println("onAnimationRepeat");
}
publicvoidonAnimationStart(Animation animation) {
System.out.println("onAnimationStart");
}
}
}
3、总结一下
可以在Activity中动态添加和删除控件,方法是:
1)取到那个Layout
viewGroup= (ViewGroup)findViewById(R.id.layout);
2)添加时,先创建对象,然后添加
ImageView newImageView =newImageView(
Animation2Activity.this);
newImageView.setImageResource(R.drawable.an);
viewGroup.addView(newImageView,
newLayoutParams(
LayoutParams.FILL_PARENT,
LayoutParams.WRAP_CONTENT));
3)删除时,直接删除。
viewGroup.removeView(imageView);
相关推荐
微信小程序实现animation动画,具体内容如下 1. 创建动画实例 wx.createAnimation(OBJECT) 创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的...
本资源“Animation动画实例源代码”提供了一系列详细实例,帮助开发者深入了解和实践Android中的动画技术。这些实例适用于ADT(Android Development Toolkit)版本10及ECLIPSE JUNO开发环境。 Android动画主要包括...
• 2、《Animation动画详解(二)——Interpolator插值器》 • 3、《Animation动画详解(三)—— 代码生成alpha、scale、translate、rotate、set及插值器动画》 • 4、《Animation动画详解(四)——ValueAnimator...
这个“Core Animation动画例子”压缩包很可能是包含了一些示例代码,帮助开发者理解如何在iOS应用中使用Core Animation。以下是关于Core Animation的一些关键知识点: 1. **什么是Core Animation**: Core ...
本篇文章将深入解析Android中的动画系统,并探讨如何自定义Animation动画。 首先,Android提供了两种主要的动画机制:属性动画(Property Animation)和视图动画(View Animation)。属性动画是在Android 3.0(API ...
在Android开发中,加载动画(Loading Animation)是一种常见的用户界面元素,它在应用程序进行后台处理或数据加载时向用户提供反馈,提升用户体验。本资源“LoadingAnimation 动画 加载动画”提供了一个加载动画实例...
微信小程序 鲜花订购,animation动画卡片效果 (源码)微信小程序 鲜花订购,animation动画卡片效果 (源码)微信小程序 鲜花订购,animation动画卡片效果 (源码)微信小程序 鲜花订购,animation动画卡片效果 (源码)微信...
微信小程序源码(含截图)鲜花订购,animation动画卡片效果微信小程序源码(含截图)鲜花订购,animation动画卡片效果微信小程序源码(含截图)鲜花订购,animation动画卡片效果微信小程序源码(含截图)鲜花订购,...
微信小程序源码 鲜花订购,animation动画卡片效果(学习版)微信小程序源码 鲜花订购,animation动画卡片效果(学习版)微信小程序源码 鲜花订购,animation动画卡片效果(学习版)微信小程序源码 鲜花订购,animation动画...
博客<Animation动画详解(三)—— 代码生成alpha、scale、translate、rotate、set及插值器动画>对应源码,博客地址:http://blog.csdn.net/harvic880925/article/details/40117115
"动画包_animation动画效果_源码"这个资源包,显然是为了帮助开发者理解和实现各种动画效果而准备的。它可能包含了一系列使用了Android内置的animation库编写的示例代码。下面将详细讨论Android中的动画技术及其重要...
在本主题中,我们将深入探讨“纯CSS3 Animation动画属性点击loading加载动画”。这个主题涉及到CSS3的两个核心特性:animation(动画)和loading(加载)效果,它们都是现代网页设计不可或缺的部分。 首先,我们要...
微信小程序——鲜花订购,animation动画卡片效果(截图+源码).zip 微信小程序——鲜花订购,animation动画卡片效果(截图+源码).zip v微信小程序——鲜花订购,animation动画卡片效果(截图+源码).zip 微信小程序...
**CSS3 Animation动画详解** CSS3是Web设计领域的一个重大突破,它引入了许多新的特性,其中最引人注目的就是动画(Animation)功能。通过CSS3的动画,开发者可以为网页元素添加平滑、动态的效果,提升用户体验。在...
本资源"安卓Android源码——(Animation动画).rar"很可能是针对Android平台动画实现的一份详细教程或示例代码集。 Android中的动画主要分为两大类:属性动画(Property Animation)和视图动画(View Animation)。...
在这个名为"纯css3 animation动画属性点击loading加载动画提示框效果代码.zip"的压缩包中,我们可以预见到一个利用CSS3的animation属性创建的交互式加载提示框的示例。 动画在现代网页设计中扮演着至关重要的角色,...
本教程将围绕“animation 动画”这一主题,深入讲解动画学的基本概念和技术。 首先,我们从“坐标变换”这一知识点开始。在动画中,坐标变换是实现物体运动和定位的核心技术。它包括平移(translation)、旋转...
这个“Android Animation动画Demo源码”压缩包提供了一系列示例代码,用于展示Android系统中不同类型的动画效果及其实现方式。通过深入理解并实践这些源码,开发者可以更好地掌握Android动画机制,从而在自己的应用...
这份"安卓Android源码——(Animation动画).zip"文件很可能包含了关于这三种动画类型的详细实现和解析。 1. **视图动画(View Animation)**: 视图动画是Android早期版本中提供的动画机制,主要通过`Animation`类...
【标题】"Animation动画加p"的描述可能指的是在Android开发中使用Animation进行视图动画的增强或扩展,这里的"P"可能是指特定的功能、实践或者某种优化策略。在这个主题下,我们可以深入探讨Android中的动画机制及其...