Android-LayoutAnimationCotroller和AnimationListener监听器的使用

阅读更多

LayoutAnimationCotroller和AnimationListener监听器的使用

之前已经学过关于动画(Animation)的相关知识,动画总共分为两大类有:1.补间动画,2.逐帧动画

但单单使用这俩种动画效果,有时达不到自己想要的效果,比如显示一个列表,让它一条一条慢慢显示出每一个条目

关于LayoutAnimationController也是第一次学习,什么是LayoutAnimationController呢?

 

1.LayoutAnimationController用于为Layout中的控件,或者是ViewGroup中的控件设置动画效果。

2.每个控件都有相同的动画效果。

3.这些控件的动画效果在不同的实现显示出来。

4.LayoutAnimationController可以在xml中实现,也可以在代码中实现

 

 

下面是一个简单的实例:

点击按钮时,会慢慢显示列表,每一条条目从透明到不透明这种动画效果呈现

Android-LayoutAnimationCotroller和AnimationListener监听器的使用_第1张图片       Android-LayoutAnimationCotroller和AnimationListener监听器的使用_第2张图片

 

 在xml当中使用LayoutAnimationController的方法

1.在anim目录下定义一个xml文件:list_layout_anim.xml,

说明:使用layoutAnimation标签

android:delay="2",设置延迟2秒中执行动画

android:animationOrder="normal",按普通顺序来执行动画,即从第一条开始执行,若设置为“random”,则是随机执行。

android:animation="@anim/list_anim",使用自定义的动画效果,在同一目录下



2.再定义一个xml文件:list_anim.xml,自定义的动画效果,透明度淡入的效果



    


3.在布局文件中相应控件中配置LayoutAnimationController

这里是在ListView中配置:


	android:layoutAnimation="@anim/list_layout_anim"
	    />
	


 

如果是在代码中使用LayoutAnimationController,则删除在布局文件下配置的

	    android:layoutAnimation="@anim/list_layout_anim"


在代码中的实现:

public class MainActivity extends ListActivity {
	
	private Button bn = null;
	private ListView listView = null;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        bn = (Button) findViewById(R.id.bn);
        listView = getListView();
        bn.setOnClickListener(new ButtonListener());
    }
    
    private ListAdapter BuildListAdapter(){
    	List> list= new ArrayList>();
    	HashMap user1 = new HashMap();
    	user1.put("user_name", "张三");
    	user1.put("user_gender", "男");
    	
    	HashMap user2 = new HashMap();
    	user2.put("user_name", "李四");
    	user2.put("user_gender", "男");
    	
    	HashMap user3 = new HashMap();
    	user3.put("user_name", "杨广");
    	user3.put("user_gender", "人妖");
    	
    	list.add(user1);
    	list.add(user2);
    	list.add(user3);
    	
    	SimpleAdapter simpleAdapter = new SimpleAdapter(this, list, R.layout.item, new String[]{"user_name", "user_gender"}
    	,new int[]{R.id.user_name, R.id.user_gender} );
		return simpleAdapter;
    }
    
    private class ButtonListener implements OnClickListener{

		@Override
		public void onClick(View v) {
			// TODO Auto-generated method stub
			listView.setAdapter(BuildListAdapter());
			
			Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.list_anim);
			LayoutAnimationController lac = new LayoutAnimationController(animation);
			lac.setOrder(LayoutAnimationController.ORDER_NORMAL);
			lac.setDelay(0.5f);
			listView.setLayoutAnimation(lac);
		}
    	
    }
}

 

ListView的布局文件:item.xml



    
    


 


 总结而言就是如下:

Android-LayoutAnimationCotroller和AnimationListener监听器的使用_第3张图片

 

介绍完LayoutAnimationController,接下来是关于AnimationListener的使用

 Android-LayoutAnimationCotroller和AnimationListener监听器的使用_第4张图片

  下面是一个实例:效果是,按删除按钮,图片会程淡出的效果消失,并在Activity中删除,删除就是在AnimationListener中的onAnimationEnd方法中实现,点击添加图片按钮,就会在界面中显示出图片,也是呈淡入的效果出现。

效果图:比较简单,只是为了明白整个过程

Android-LayoutAnimationCotroller和AnimationListener监听器的使用_第5张图片    Android-LayoutAnimationCotroller和AnimationListener监听器的使用_第6张图片 

 

Android-LayoutAnimationCotroller和AnimationListener监听器的使用_第7张图片     Android-LayoutAnimationCotroller和AnimationListener监听器的使用_第8张图片

 

布局文件:


    


 

public class MainActivity extends Activity {
	
	private Button addImageButton = null;
	private Button removeImageButton = null;
	private ImageView imageView = null;
	private ViewGroup viewGroup = null;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        addImageButton = (Button) findViewById(R.id.addImageButton);
        removeImageButton = (Button) findViewById(R.id.removeImageButton);
        imageView = (ImageView) findViewById(R.id.imageViewId);
        viewGroup = (ViewGroup) findViewById(R.id.layoutId);
        
        addImageButton.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				//创建了一个淡入效果的Animation对象
				AlphaAnimation alphaAnimation = new  AlphaAnimation(0.0f, 1.0f);
				alphaAnimation.setDuration(1000);
				alphaAnimation.setStartOffset(100);
				//创建一个新的ImageView
				ImageView imageViewAdd = new ImageView(MainActivity.this);
				imageViewAdd.setImageResource(R.drawable.ic_launcher);
				//将新的ImageView添加到viewGroup当中
				viewGroup.addView(imageViewAdd, new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
				imageViewAdd.startAnimation(alphaAnimation);
			}
		});
        
        removeImageButton.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				//创建一个淡出效果的Animation对象
				AlphaAnimation alphaAnimation = new AlphaAnimation(1.0f, 0.0f);
				alphaAnimation.setDuration(1000);
				alphaAnimation.setStartOffset(500);
				//为Animation设置监听器
				alphaAnimation.setAnimationListener(new RemoveAnimationListener());
				imageView.startAnimation(alphaAnimation);
			}
		});
    }
    
    private class RemoveAnimationListener implements AnimationListener{

		@Override
		public void onAnimationEnd(Animation animation) {
			// TODO Auto-generated method stub
			System.out.println("end");
			//从viewGroup当中删除掉imageView控件
			viewGroup.removeView(imageView);
		}

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

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

你可能感兴趣的:(【Android开发学习之路】)