Animations使用（四）

最新推荐文章于 2024-09-07 15:57:32 发布

jackie03

最新推荐文章于 2024-09-07 15:57:32 发布

阅读量3.1k

点赞数

分类专栏： android 文章标签： animation android layout listview import button

android 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

一、LayoutAnimationsContrlller的使用方法

LayoutAnimationsContrlller可以用于实现使多个控件按顺序一个一个的显示。

1)LayoutAnimationsContrlller用于为一个layout里面的控件，或者是一个ViewGroup里面的控件设置动画效果。

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

3)控件的动画效果可以在不同的时间显示出来。

4)LayoutAnimationsContrlller可以在xml文件当中设置，以可以在代码当中进行设置。

二、ListView与Animaions结合使用

1.在xml当中使用LayoutAnimationsController

1)在res/anim文件夹下创建一个名为list_anim_layout.xml文件：

android:dylay - 动画间隔时间；

android:animationOrder - 动画执行的循序(normal：顺序，random：随机，reverse：反向显示)

android:animation – 引用动画效果文件

xml代码：

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

2) 在布局文件当中为 ListVIew 添加如下配置：

xml代码：

android:layoutAnimation="@anim/list_anim_layout"

完整代码：

List_anim_layout.xml

xml代码：

<?xml version="1.0" encoding="utf-8"?>  
<layoutAnimation   
    xmlns:android="http://schemas.android.com/apk/res/android"  
    android:delay="0.5"  
    android:animationOrder="normal"  
    android:animation="@anim/list_anim"/>

List_anim.xml

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>

Item.xml

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>

AnimationsActivity.java

Java代码：

package com.android.activity;  
import java.util.ArrayList;  
import java.util.HashMap;  
import java.util.List;  
import android.app.ListActivity;  
import android.os.Bundle;  
import android.view.View;  
import android.view.View.OnClickListener;  
import android.widget.Button;  
import android.widget.ListAdapter;  
import android.widget.ListView;  
import android.widget.SimpleAdapter;  
public class AnimationsActivity extends ListActivity {  
    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(new ButtonListener());  
    }  
    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 implements OnClickListener{  
        public void onClick(View v) {  
            listView.setAdapter(createListAdapter());  
        }  
    }  
}

运行结果：每一个item都是淡入淡出的按顺序显示。

2.在代码当中使用LayoutAnimationsController

对于在代码中使用LayoutAnimationsController，只不过去掉了list_anim_layout.xml这个文件，以及listview当中的

xml代码：

android:layoutAnimation="@anim/list_anim_layout"

这句。将animation的布局设置更改到了ButtonListener代码当中进行。

1) 创建一个Animation对象：可以通过装载xml文件，或者是直接使用Animation的构造方法创建Animation对象；

java代码：

Animation animation = (Animation)AnimationUtils.loadAnimation(  
    AnimationsActivity.this, R.anim.list_anim);

2) 创建LayoutAnimationController对象：

java代码：

LayoutAnimationController controller = new LayoutAnimationController(animation);

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

java代码：

controller.setOrder(LayoutAnimationController.ORDER_NORMAL);  
controller.setDelay(0.5f);

4) 为 ListView 设置 LayoutAnimationController 属性：

java代码：

listView.setLayoutAnimation(controller);

三、AnimationListener的使用方法

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

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

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

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

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

实例：

Main.xml

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/image" />  
</RelativeLayout>

AnimationListenerActivity.java

java代码：

package com.android.activity;  
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 AnimationListenerActivity 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(new AddButtonListener());  
        deleteButton.setOnClickListener(new DeleteButtonListener());  
    }  
    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(  
                AnimationListenerActivity.this);  
            newImageView.setImageResource(R.drawable.image);  
            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");  
        }  
    }  
}

运行结果：

删除时慢慢淡出，添加时慢慢淡入