Android学习之Animation（三）

今天观看了一个关于android动画的一些知识，就顺便记录下来，以备之后的学习和参考。

---

在XML文件中使用LayoutAnimationController

---

第一步：

在res/anim文件夹下创建一个xml文件，如list_layout_animation.xml.代码的内容如下面的简单的示例：

<layoutAnimation
    xmlns:android="http://schemas.android.com/res/apk/android"
    android:delay="0.5"
    android:animationOrder="random"
    android:animation="@anim/alpha"
    />

其中animation属性对应的值就是添加的动画资源文件。

---

第二步：

在ListView的xml声明文件中的layoutAnimation属性上进行设置即可完成添加动画的这一效果。

<ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layoutAnimation="@anim/list_layout_animation"
        />

---

这就是通过xml文件控制的方式来实现的效果！

在代码中进行控制

---

第一步：

创建一个Animation对象：既可以通过xml文件装载，也可以直接使用Animation的构造函数创建Animation。

---

第二步：

使用如下代码创建LayoutAnimationController对象LayoutAnimationController lac=new LayoutAnimationController(animation);

---

第三步：

设置空间的显示的顺序：

lac.setOrder(LayoutAnimationCOntroller.ORDER_NORMAL);

---

第四步：

为ListView设置LayoutAnimationController属性，listView.setLayoutAnimation(Lac);

---

这样便也可以完成用代码的方式对动画的设置。

---

AnimationListener的学习

---

首先，顾名思义它是一个监听器，而且是一个监听动画的执行效果的和执行时间的监听器(在不同的时段会得到不同的系统的通知，从而调用相关的方法完成一些逻辑的操作！)。主要有如下几个方法

• onAnimationStart(Animation animation)
• onAnimationRepeat(Animation animation)
• onAnimationEnd(Animation animation)

---

下面是一个简单的例子，代码的思路很清晰，就不在做注释了。

package com.sumer.animationutils;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends Activity {

    private Button removeButton=null;
    private Button addButton=null;
    private ImageView mImageView=null;
    private ViewGroup mViewGroup=null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        removeButton=(Button) findViewById(R.id.removeButtonId);
        removeButton.setOnClickListener(new RemoveButtonListener());
        addButton=(Button) findViewById(R.id.addButtonId);
        addButton.setOnClickListener(new AddButtonListener());

        mViewGroup=(ViewGroup) findViewById(R.id.layoutId);
        mImageView=(ImageView) findViewById(R.id.imageViewId);
    }

    private class AddButtonListener implements OnClickListener{

        @Override
        public void onClick(View arg0) {
            // TODO Auto-generated method stub
            AlphaAnimation animation=new AlphaAnimation(0.0f,1.0f);
            animation.setDuration(1500);
            animation.setStartOffset(500);
            ImageView imageViewAdd=new ImageView(MainActivity.this);
            imageViewAdd.setImageResource(R.drawable.ic_launcher);
            mViewGroup.addView(imageViewAdd, new LayoutParams(
                    LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));
            imageViewAdd.startAnimation(animation);
        }
    }
    private class RemoveButtonListener implements OnClickListener{

        @Override
        public void onClick(View arg0) {
            // TODO Auto-generated method stub
            AlphaAnimation animation=new AlphaAnimation(1.0f,0.0f);
            animation.setDuration(1500);
            animation.setStartOffset(500);
            animation.setAnimationListener(new RemoveAnimationListener());
            mImageView.startAnimation(animation);
        }

    }

    private class RemoveAnimationListener implements AnimationListener{

        @Override
        public void onAnimationEnd(Animation arg0) {
            // TODO Auto-generated method stub
            System.out.println("END!!!!!!!!!!!!!!!!!!!");
            mViewGroup.removeView(mImageView);
        }

        @Override
        public void onAnimationRepeat(Animation arg0) {
            // TODO Auto-generated method stub
            System.out.println("REPEAT!!!!!!!!!!!!!!!!");
        }

        @Override
        public void onAnimationStart(Animation arg0) {
            // TODO Auto-generated method stub
            System.out.println("START!!!!!!!!!!!!!!!!!");
        }

    }

}

下面是布局界面（注意是RelativeLayout）

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layoutId"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"  >

    <Button
        android:id="@+id/addButtonId"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:text="Add Picture!"
        />
    <Button
        android:id="@+id/removeButtonId"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/addButtonId"
        android:text="Remove Picture!"
        />
    <ImageView
        android:id="@+id/imageViewId"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_marginTop="100dip"
        android:src="@drawable/ic_launcher"
        />

</RelativeLayout>

---

总结：

对于Android的Animation的操作，是一个很有意思的小知识点。其中需要注意的是怎样将这些效果组合起来，形成一个优雅的界面，并能给用户更加舒服的用户体验。这才是我们最需要，也是最值得掌握的地方！