一、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

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns: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;

import android.view.animation.AlphaAnimation;

import android.view.animation.Animation;

importandroid.view.animation.AnimationSet;

importandroid.view.animation.RotateAnimation;

importandroid.view.animation.ScaleAnimation;

import android.view.animation.TranslateAnimation;

importandroid.widget.Button;

importandroid.widget.ImageView;

public class Animation1Activity extends Activity {

private Button rotateButton = null;

private Button scaleButton = null;

private Button alphaButton = null;

private Button translateButton = null;

private ImageView image = null;

@Override

public void onCreate(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(

new TranslateButtonListener());

}

class AlphaButtonListener implementsOnClickListener{

public void onClick(View v) {

//创建一个AnimationSet对象,参数为Boolean型,

//true表示使用Animation的interpolator,false则是使用自己的

AnimationSet animationSet = new AnimationSet(true);

//创建一个AlphaAnimation对象,参数从完全的透明度,到完全的不透明

AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0);

//设置动画执行的时间

alphaAnimation.setDuration(500);

//将alphaAnimation对象添加到AnimationSet当中

animationSet.addAnimation(alphaAnimation);

//使用ImageView的startAnimation方法执行动画

image.startAnimation(animationSet);

}

}

class RotateButtonListener implementsOnClickListener{

public void onClick(View v) {

AnimationSet animationSet = new AnimationSet(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 = new RotateAnimation(0, 360,

Animation.RELATIVE_TO_SELF,0.5f,

Animation.RELATIVE_TO_SELF,0.5f);

rotateAnimation.setDuration(1000);

animationSet.addAnimation(rotateAnimation);

image.startAnimation(animationSet);

}

}

class ScaleButtonListener implementsOnClickListener{

public void onClick(View v) {

AnimationSet animationSet = new AnimationSet(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 = new ScaleAnimation(

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);

}

}

class TranslateButtonListener implementsOnClickListener{

public void onClick(View v) {

AnimationSet animationSet = new AnimationSet(true);

//参数1~2:x轴的开始位置

//参数3~4:y轴的开始位置

//参数5~6:x轴的结束位置

//参数7~8:x轴的结束位置

TranslateAnimation translateAnimation =

new TranslateAnimation(

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标签,更改标签如下:

<?xml version="1.0" encoding="utf-8"?>

<set xmlns: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

<?xml version="1.0" encoding="utf-8"?>

<set xmlns: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

<?xml version="1.0" encoding="utf-8"?>

<set xmlns: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

<?xml version="1.0" encoding="utf-8"?>

<set xmlns: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

<?xml version="1.0" encoding="utf-8"?>

<set xmlns: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;

import android.view.animation.Animation;

importandroid.view.animation.AnimationUtils;

import android.widget.Button;

import android.widget.ImageView;

public class Animation1Activity extends Activity {

private Button rotateButton = null;

private Button scaleButton = null;

private Button alphaButton = null;

private Button translateButton = null;

private ImageView image = null;

@Override

public void onCreate(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());

}

class AlphaButtonListener implementsOnClickListener {

public void onClick(View v) {

// 使用AnimationUtils装载动画配置文件

Animation animation = AnimationUtils.loadAnimation(

Animation1Activity.this, R.anim.alpha);

// 启动动画

image.startAnimation(animation);

}

}

class RotateButtonListener implementsOnClickListener {

public void onClick(View v) {

Animation animation = AnimationUtils.loadAnimation(

Animation1Activity.this, R.anim.rotate);

image.startAnimation(animation);

}

}

class ScaleButtonListener implementsOnClickListener {

public void onClick(View v) {

Animation animation = AnimationUtils.loadAnimation(

Animation1Activity.this, R.anim.scale);

image.startAnimation(animation);

}

}

class TranslateButtonListener implementsOnClickListener {

public void onClick(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

<?xml version="1.0" encoding="utf-8"?>

<set xmlns: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文件中

classDoubleButtonListener implements OnClickListener {

public void onClick(View v) {

// 使用AnimationUtils装载动画配置文件

Animation animation = AnimationUtils.loadAnimation(

Animation2Activity.this, R.anim. doubleani);

// 启动动画

image.startAnimation(animation);

}

}

第二种方法:

.java文件中

classDoubleButtonListener implements OnClickListener {

public void onClick(View v) {

AnimationSet animationSet = new AnimationSet(true);

AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0);

RotateAnimation rotateAnimation = new RotateAnimation(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的具体使用方法

Interpolator定义了动画变化的速率,在Animations框架当中定义了以下几种Interpolator

Ø         AccelerateDecelerateInterpolator:在动画开始与结束的地方速率改变比较慢,在中间的时候速率快。

Ø         AccelerateInterpolator:在动画开始的地方速率改变比较慢,然后开始加速

Ø         CycleInterpolator:动画循环播放特定的次数,速率改变沿着正弦曲线

Ø         DecelerateInterpolator:在动画开始的地方速率改变比较慢,然后开始减速

Ø         LinearInterpolator:动画以均匀的速率改变

分为以下几种情况:

1、在set标签中

<set xmlns: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(new AccelerateInterpolator());

5、如果不设置共享一个interpolator则可以在每一个Animation对象上面设置interpolator。

AnimationSet animationSet = newAnimationSet(false);

alphaAnimation.setInterpolator(new AccelerateInterpolator());

rotateAnimation.setInterpolator(new DecelerateInterpolator());

Frame-By-Frame Animations的使用方法

Frame-By-Frame Animations是一帧一帧的格式显示动画效果。类似于电影胶片拍摄的手法。

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">

<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

<?xml version="1.0" encoding="utf-8"?>

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"

android:oneshot="false">

<item android:drawable="@drawable/a_01" android:duration="50"/>

<item android:drawable="@drawable/a_02" android:duration="50"/>

<item android:drawable="@drawable/a_03" android:duration="50"/>

<item android:drawable="@drawable/a_04" android:duration="50"/>

<item android:drawable="@drawable/a_05" android:duration="50"/>

<item android: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;

public class AnimationsActivity extends Activity {

private Button button = null;

private ImageView imageView = null;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

button = (Button)findViewById(R.id.button);

imageView = (ImageView)findViewById(R.id.image);

button.setOnClickListener(newButtonListener());

}

class ButtonListener implementsOnClickListener{

public void onClick(View v) {

imageView.setBackgroundResource(R.anim.anim);

AnimationDrawable animationDrawable = (AnimationDrawable)

imageView.getBackground();

animationDrawable.start();

}

}

}

LayoutAnimationsController

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文件,设置动画效果

<?xml version="1.0" encoding="utf-8"?>

<set xmlns: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

<?xml version="1.0" encoding="utf-8"?>

<set xmlns: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

<?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"

>

<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

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns: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">

<TextView android:id="@+id/name"

android:layout_width="180dip"

android:layout_height="30dip"

android:textSize="5pt"

android:singleLine="true" />

<TextView android:id="@+id/sex"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:textSize="5pt"

android:singleLine="true"/>

</LinearLayout>

9)java文件

public class Animation2Activity extendsListActivity {

private Button button = null;

private ListView listView = null;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

listView = getListView();

button = (Button)findViewById(R.id.button);

button.setOnClickListener(newButtonListener());

}

private ListAdapter createListAdapter() {

List<HashMap<String,String>> list =

new ArrayList<HashMap<String,String>>();

HashMap<String,String> m1 = new HashMap<String,String>();

m1.put("name", "bauble");

m1.put("sex", "male");

HashMap<String,String> m2 = new HashMap<String,String>();

m2.put("name", "Allorry");

m2.put("sex", "male");

HashMap<String,String> m3 = new HashMap<String,String>();

m3.put("name", "Allotory");

m3.put("sex", "male");

HashMap<String,String> m4 = new HashMap<String,String>();

m4.put("name", "boolbe");

m4.put("sex", "male");

list.add(m1);

list.add(m2);

list.add(m3);

list.add(m4);

SimpleAdapter simpleAdapter = new SimpleAdapter(

this,list,R.layout.item,new String[]{"name","sex"},

new int[]{R.id.name,R.id.sex});

return simpleAdapter;

}

private class ButtonListener implementsOnClickListener{

public void onClick(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对象:

LayoutAnimationController controller = new LayoutAnimationController(animation);

4)设置控件的显示顺序以及延迟时间

controller.setOrder(LayoutAnimationController.ORDER_NORMAL);

controller.setDelay(0.5f);

5)为ListView设置LayoutAnimationController属性:

listView.setLayoutAnimation(controller);

完整代码:

private class ButtonListener implementsOnClickListener {

public void onClick(View v) {

listView.setAdapter(createListAdapter());

Animation animation = (Animation) AnimationUtils.loadAnimation(

Animation2Activity.this, R.anim.list_anim);

LayoutAnimationController controller = new LayoutAnimationController(animation);

controller.setOrder(LayoutAnimationController.ORDER_NORMAL);

controller.setDelay(0.5f);

listView.setLayoutAnimation(controller);

}

}

AnimationListener

1、什么是AnimationListener

1).AnimationListener是一个监听器,该监听器在动画执行的各个阶段会得到通知,从而调用相应的方法;

2).AnimationListener主要包括如下三个方法:

n         ·onAnimationEnd(Animation animation) - 当动画结束时调用

n         ·onAnimationRepeat(Animation animation) - 当动画重复时调用

n         ·onAniamtionStart(Animation animation) - 当动画启动时调用

2、具体实现

1)main.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns: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">

<Button android:id="@+id/addButton"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:text="添加图片" />

<Button android:id="@+id/deleteButton"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_above="@id/addButton"

android:text="删除图片" />

<ImageView android: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文件

public class Animation2Activity extends Activity {

private Button addButton = null;

private Button deleteButton = null;

private ImageView imageView = null;

private ViewGroup viewGroup = null;

@Override

public void onCreate(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());

}

private class AddButtonListener implements OnClickListener{

public void onClick(View v) {

//淡入

AlphaAnimation animation = new AlphaAnimation(0.0f, 1.0f);

animation.setDuration(1000);

animation.setStartOffset(500);

//创建一个新的ImageView

ImageView newImageView = new ImageView(

Animation2Activity.this);

newImageView.setImageResource(R.drawable.an);

viewGroup.addView(newImageView,

new LayoutParams(

LayoutParams.FILL_PARENT,

LayoutParams.WRAP_CONTENT));

newImageView.startAnimation(animation);

}

}

private class DeleteButtonListener implements OnClickListener{

public void onClick(View v) {

//淡出

AlphaAnimation animation = new AlphaAnimation(1.0f, 0.0f);

animation.setDuration(1000);

animation.setStartOffset(500);

//为Aniamtion对象设置监听器

animation.setAnimationListener(

new RemoveAnimationListener());

imageView.startAnimation(animation);

}

}

private class RemoveAnimationListener implements AnimationListener{

//动画效果执行完时remove

public void onAnimationEnd(Animation animation) {

System.out.println("onAnimationEnd");

viewGroup.removeView(imageView);

}

public void onAnimationRepeat(Animation animation) {

System.out.println("onAnimationRepeat");

}

public void onAnimationStart(Animation animation) {

System.out.println("onAnimationStart");

}

}

}

3、总结一下

可以在Activity中动态添加和删除控件,方法是:

1)取到那个Layout

viewGroup = (ViewGroup)findViewById(R.id.layout);

2)添加时,先创建对象,然后添加

ImageView newImageView = new ImageView(

Animation2Activity.this);

newImageView.setImageResource(R.drawable.an);

viewGroup.addView(newImageView,

new LayoutParams(

LayoutParams.FILL_PARENT,

LayoutParams.WRAP_CONTENT));

3)删除时,直接删除。

viewGroup.removeView(imageView);

一、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

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns: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;

import android.view.animation.AlphaAnimation;

import android.view.animation.Animation;

importandroid.view.animation.AnimationSet;

importandroid.view.animation.RotateAnimation;

importandroid.view.animation.ScaleAnimation;

import android.view.animation.TranslateAnimation;

importandroid.widget.Button;

importandroid.widget.ImageView;

public class Animation1Activity extends Activity {

private Button rotateButton = null;

private Button scaleButton = null;

private Button alphaButton = null;

private Button translateButton = null;

private ImageView image = null;

@Override

public void onCreate(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(

new TranslateButtonListener());

}

class AlphaButtonListener implementsOnClickListener{

public void onClick(View v) {

//创建一个AnimationSet对象,参数为Boolean型,

           //true表示使用Animation的interpolator,false则是使用自己的

AnimationSet animationSet = new AnimationSet(true);

//创建一个AlphaAnimation对象,参数从完全的透明度,到完全的不透明

AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0);

//设置动画执行的时间

alphaAnimation.setDuration(500);

//将alphaAnimation对象添加到AnimationSet当中

animationSet.addAnimation(alphaAnimation);

//使用ImageView的startAnimation方法执行动画

image.startAnimation(animationSet);

}

}

class RotateButtonListener implementsOnClickListener{

public void onClick(View v) {

AnimationSet animationSet = new AnimationSet(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 = new RotateAnimation(0, 360,

Animation.RELATIVE_TO_SELF,0.5f,

Animation.RELATIVE_TO_SELF,0.5f);

rotateAnimation.setDuration(1000);

animationSet.addAnimation(rotateAnimation);

image.startAnimation(animationSet);

}

}

class ScaleButtonListener implementsOnClickListener{

public void onClick(View v) {

AnimationSet animationSet = new AnimationSet(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 = new ScaleAnimation(

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);

}

}

class TranslateButtonListener implementsOnClickListener{

public void onClick(View v) {

AnimationSet animationSet = new AnimationSet(true);

//参数1~2:x轴的开始位置

           //参数3~4:y轴的开始位置

           //参数5~6:x轴的结束位置

           //参数7~8:x轴的结束位置

TranslateAnimation translateAnimation =

new TranslateAnimation(

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标签,更改标签如下:

<?xml version="1.0" encoding="utf-8"?>

<set xmlns: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

<?xml version="1.0" encoding="utf-8"?>

<set xmlns: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

<?xml version="1.0" encoding="utf-8"?>

<set xmlns: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

<?xml version="1.0" encoding="utf-8"?>

<set xmlns: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

<?xml version="1.0" encoding="utf-8"?>

<set xmlns: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;

import android.view.animation.Animation;

importandroid.view.animation.AnimationUtils;

import android.widget.Button;

import android.widget.ImageView;

public class Animation1Activity extends Activity {

private Button rotateButton = null;

private Button scaleButton = null;

private Button alphaButton = null;

private Button translateButton = null;

private ImageView image = null;

@Override

public void onCreate(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());

}

class AlphaButtonListener implementsOnClickListener {

public void onClick(View v) {

// 使用AnimationUtils装载动画配置文件

Animation animation = AnimationUtils.loadAnimation(

Animation1Activity.this, R.anim.alpha);

// 启动动画

image.startAnimation(animation);

}

}

class RotateButtonListener implementsOnClickListener {

public void onClick(View v) {

Animation animation = AnimationUtils.loadAnimation(

Animation1Activity.this, R.anim.rotate);

image.startAnimation(animation);

}

}

class ScaleButtonListener implementsOnClickListener {

public void onClick(View v) {

Animation animation = AnimationUtils.loadAnimation(

Animation1Activity.this, R.anim.scale);

image.startAnimation(animation);

}

}

class TranslateButtonListener implementsOnClickListener {

public void onClick(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

<?xml version="1.0" encoding="utf-8"?>

<set xmlns: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文件中

classDoubleButtonListener implements OnClickListener {

public void onClick(View v) {

// 使用AnimationUtils装载动画配置文件

Animation animation = AnimationUtils.loadAnimation(

Animation2Activity.this, R.anim. doubleani);

// 启动动画

image.startAnimation(animation);

}

}

第二种方法:

.java文件中

classDoubleButtonListener implements OnClickListener {

public void onClick(View v) {

AnimationSet animationSet = new AnimationSet(true);

AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0);

RotateAnimation rotateAnimation = new RotateAnimation(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的具体使用方法

Interpolator定义了动画变化的速率,在Animations框架当中定义了以下几种Interpolator

Ø         AccelerateDecelerateInterpolator:在动画开始与结束的地方速率改变比较慢,在中间的时候速率快。

Ø         AccelerateInterpolator:在动画开始的地方速率改变比较慢,然后开始加速

Ø         CycleInterpolator:动画循环播放特定的次数,速率改变沿着正弦曲线

Ø         DecelerateInterpolator:在动画开始的地方速率改变比较慢,然后开始减速

Ø         LinearInterpolator:动画以均匀的速率改变

分为以下几种情况:

1、在set标签中

<set xmlns: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(new AccelerateInterpolator());

5、如果不设置共享一个interpolator则可以在每一个Animation对象上面设置interpolator。

AnimationSet animationSet = newAnimationSet(false);

alphaAnimation.setInterpolator(new AccelerateInterpolator());

rotateAnimation.setInterpolator(new DecelerateInterpolator());

Frame-By-Frame Animations的使用方法

Frame-By-Frame Animations是一帧一帧的格式显示动画效果。类似于电影胶片拍摄的手法。

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">

<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

<?xml version="1.0" encoding="utf-8"?>

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"

android:oneshot="false">

<item android:drawable="@drawable/a_01" android:duration="50"/>

<item android:drawable="@drawable/a_02" android:duration="50"/>

<item android:drawable="@drawable/a_03" android:duration="50"/>

<item android:drawable="@drawable/a_04" android:duration="50"/>

<item android:drawable="@drawable/a_05" android:duration="50"/>

<item android: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;

public class AnimationsActivity extends Activity {

private Button button = null;

private ImageView imageView = null;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

button = (Button)findViewById(R.id.button);

imageView = (ImageView)findViewById(R.id.image);

button.setOnClickListener(newButtonListener());

}

class ButtonListener implementsOnClickListener{

public void onClick(View v) {

imageView.setBackgroundResource(R.anim.anim);

           AnimationDrawable animationDrawable = (AnimationDrawable)

              imageView.getBackground();

           animationDrawable.start();

}

}

}

   LayoutAnimationsController

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文件,设置动画效果

<?xml version="1.0" encoding="utf-8"?>

<set xmlns: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

<?xml version="1.0" encoding="utf-8"?>

<set xmlns: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

<?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"

>

<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

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns: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">

<TextView android:id="@+id/name"

android:layout_width="180dip"

android:layout_height="30dip"

android:textSize="5pt"

android:singleLine="true" />

<TextView android:id="@+id/sex"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:textSize="5pt"

android:singleLine="true"/>

</LinearLayout>

9)java文件

public class Animation2Activity extendsListActivity {

private Button button = null;

private ListView listView = null;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

listView = getListView();

button = (Button)findViewById(R.id.button);

button.setOnClickListener(newButtonListener());

}

private ListAdapter createListAdapter() {

List<HashMap<String,String>> list =

new ArrayList<HashMap<String,String>>();

HashMap<String,String> m1 = new HashMap<String,String>();

m1.put("name", "bauble");

m1.put("sex", "male");

HashMap<String,String> m2 = new HashMap<String,String>();

m2.put("name", "Allorry");

m2.put("sex", "male");

HashMap<String,String> m3 = new HashMap<String,String>();

m3.put("name", "Allotory");

m3.put("sex", "male");

HashMap<String,String> m4 = new HashMap<String,String>();

m4.put("name", "boolbe");

m4.put("sex", "male");

list.add(m1);

list.add(m2);

list.add(m3);

list.add(m4);

SimpleAdapter simpleAdapter = new SimpleAdapter(

this,list,R.layout.item,new String[]{"name","sex"},

new int[]{R.id.name,R.id.sex});

return simpleAdapter;

}

private class ButtonListener implementsOnClickListener{

public void onClick(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对象:

LayoutAnimationController controller = new LayoutAnimationController(animation);

4)设置控件的显示顺序以及延迟时间

controller.setOrder(LayoutAnimationController.ORDER_NORMAL);

controller.setDelay(0.5f);

5)为ListView设置LayoutAnimationController属性:

listView.setLayoutAnimation(controller);

完整代码:

private class ButtonListener implementsOnClickListener {

public void onClick(View v) {

listView.setAdapter(createListAdapter());

Animation animation = (Animation) AnimationUtils.loadAnimation(

Animation2Activity.this, R.anim.list_anim);

LayoutAnimationController controller = new LayoutAnimationController(animation);

controller.setOrder(LayoutAnimationController.ORDER_NORMAL);

controller.setDelay(0.5f);

listView.setLayoutAnimation(controller);

}

}

AnimationListener

1、什么是AnimationListener

1).AnimationListener是一个监听器,该监听器在动画执行的各个阶段会得到通知,从而调用相应的方法;

2).AnimationListener主要包括如下三个方法:

n         ·onAnimationEnd(Animation animation) - 当动画结束时调用

n         ·onAnimationRepeat(Animation animation) - 当动画重复时调用

n         ·onAniamtionStart(Animation animation) - 当动画启动时调用

2、具体实现

1)main.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns: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">

<Button android:id="@+id/addButton"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:text="添加图片" />

<Button android:id="@+id/deleteButton"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_above="@id/addButton"

android:text="删除图片" />

<ImageView android: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文件

public class Animation2Activity extends Activity {

private Button addButton = null;

private Button deleteButton = null;

private ImageView imageView = null;

private ViewGroup viewGroup = null;

@Override

public void onCreate(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());

}

private class AddButtonListener implements OnClickListener{

public void onClick(View v) {

//淡入

AlphaAnimation animation = new AlphaAnimation(0.0f, 1.0f);

animation.setDuration(1000);

animation.setStartOffset(500);

//创建一个新的ImageView

ImageView newImageView = new ImageView(

Animation2Activity.this);

newImageView.setImageResource(R.drawable.an);

viewGroup.addView(newImageView,

new LayoutParams(

LayoutParams.FILL_PARENT,

LayoutParams.WRAP_CONTENT));

newImageView.startAnimation(animation);

}

}

private class DeleteButtonListener implements OnClickListener{

public void onClick(View v) {

//淡出

AlphaAnimation animation = new AlphaAnimation(1.0f, 0.0f);

animation.setDuration(1000);

animation.setStartOffset(500);

//为Aniamtion对象设置监听器

animation.setAnimationListener(

new RemoveAnimationListener());

imageView.startAnimation(animation);

}

}

private class RemoveAnimationListener implements AnimationListener{

//动画效果执行完时remove

public void onAnimationEnd(Animation animation) {

System.out.println("onAnimationEnd");

viewGroup.removeView(imageView);

}

public void onAnimationRepeat(Animation animation) {

System.out.println("onAnimationRepeat");

}

public void onAnimationStart(Animation animation) {

System.out.println("onAnimationStart");

}

}

}

3、总结一下

可以在Activity中动态添加和删除控件,方法是:

1)取到那个Layout

viewGroup = (ViewGroup)findViewById(R.id.layout);

2)添加时,先创建对象,然后添加

ImageView newImageView = new ImageView(

Animation2Activity.this);

newImageView.setImageResource(R.drawable.an);

viewGroup.addView(newImageView,

new LayoutParams(

LayoutParams.FILL_PARENT,

LayoutParams.WRAP_CONTENT));

3)删除时,直接删除。

viewGroup.removeView(imageView);

Animations的用法相关推荐

  1. UIView的AddChildViewCtroller的用法(4中页面切换方式)

    UIView的AddChildViewCtroller的用法 ---子控制器视图的切换 一.视图控制器的4种切换方式 1.使用presentViewController方法进行切换 适合于顺序型的页面 ...

  2. jQuery动画高级用法(上)——详解animation中的.queue()函数

    如果你拿着一个疑问去找专业人士寻找答案,那么你的一个疑问会变成三个,因为他会用另外两个令你更加一头雾水的名词来解释你的这个疑问. 我想这是大多数,包括我在内,IT人在学习过程中碰到的最大问题.当你有一 ...

  3. AndroidStudio软件用法详细说明

    AndroidStudio软件用法说明 个人吐血整理,希望能给大家一些帮助,可能是史上最全的android studio 文档 介绍 Google官方的Android集成开发环境(IDE = Inte ...

  4. Android动画之AnimatorSet联合动画用法

    动画入门和进阶文章列表: Animation动画概述和执行原理 Android动画之补间动画TweenAnimation Android动画之逐帧动画FrameAnimation Android动画之 ...

  5. Web Animations

    什么是Web Animations? Web Animations defines a model for supporting animation and synchronization on th ...

  6. CSS3动画之二:Animations功能

    Animations功能与Transitions功能相同,都是通过改变元素的属性值来实现动画效果,不同之处是:Transitions功能只能通过改变指定属性的开始值与结束值,然后再这两个属性值之间进行 ...

  7. Rive在Flutter开发中的基本用法

    概述 Rive Flutter(以下简称Rive)是Rive提供的运行库,是一个实时交互设计和动画工具,可以帮助Flutter开发者在应用中嵌入复杂的动画.设计人员和开发人员可以使用协作编辑器创建响应 ...

  8. RecyclerView的高级用法——定制动画

    相信大家都对RecyclerView的用法相当熟悉了,RecyclerView的出现给我们开发者提供了一个高扩展的控件,不管是列表.网格.瀑布流,一个控件就可以搞定,而且神奇的是只需要修改一行代码,就 ...

  9. 混淆(Proguard)用法

    混淆(Proguard)用法 最近项目中遇到一些混淆相关的问题,由于之前对proguard了解不多,所以每次都是面向Stackoverflow的编程.copy别人的答案内心还可以接受,但是copy了之 ...

最新文章

  1. 如果足够准的话,还有比体脂秤更好的身体数据采集器吗?
  2. ansys用什么cpu_ANSYS图形工作站与集群配置探讨201904-1
  3. php 数组什么情况下是空的?
  4. jenkins 手动执行_Jenkins Git client插件命令执行漏洞(CVE201910392)
  5. R语言在金融中的运用一
  6. 《2001太空漫游》50周年:一部电影和一整个时代
  7. 安全使用计算机习惯,如何安全使用计算机和互联网
  8. JSP实用教程(3)——Tag文件和Tag标记
  9. 如何防范短信接口被恶意攻击
  10. cxonev4验证用户_欧姆龙plc编程软件下载 omron plc编程软件(CX-ONE) v4.31 中文免费版(附序列号+安装教程) 下载-脚本之家...
  11. 啦啦外卖独立版七牛云配置失败解决方案
  12. CATIA软件有限元分析功能详解及使用教程
  13. 浅谈人机关系在生活中的应用
  14. 一、二线城市 IT 公司大盘点!建议收藏
  15. 如何把PDF拆分成单页文档
  16. echarts x轴time 24小时
  17. JVM、JDK、JRE分别表示什么含义
  18. cx_Oracle.DatabaseError: ORA-01036: 非法的变量名/编号
  19. speedoffice(Excel)如何让图片随单元格大小改变?
  20. C语言如何输入带空格的字符串?

热门文章

  1. 谷粒商城三阶段课件_备考2021年初级会计考试几大阶段你知道吗?
  2. 斐讯Fir302b救砖教程
  3. c/c++ 程序CRASH的几种情况
  4. JS数组扁平化flat,reduce等六种方式实现
  5. 剪辑视频,去除视频水印的操作方法
  6. 实用干货|腾讯内部几近满分的项目管理方法(PPT)
  7. 微软LUIS语义理解服务介绍
  8. 树莓派使用PCA9685舵机控制板控制舵机
  9. python统计数据画概率曲线_统计学入门级:常见概率分布+python绘制分布图
  10. Python_冰雹猜想