今天观看了一个关于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的操作,是一个很有意思的小知识点。其中需要注意的是怎样将这些效果组合起来,形成一个优雅的界面,并能给用户更加舒服的用户体验。这才是我们最需要,也是最值得掌握的地方!