android 简单实现GridView的Item逐个加载和动画效果

用布局文件实现

1. 首先在GridView控件中加入layoutAnimation属性。

<GridView android:id="@+id/gridView" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:numColumns="3" 
android:gravity="center" 

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

 

2.在res/anim下新建文件gridview_anim.xml

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

3.在res/anim下新建文件gridview_item_anim.xml ，注意逐个加载的延时时间要和动画持续时间相同。

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
<scale android:interpolator="@android:anim/accelerate_decelerate_interpolator" 
android:fromXScale="0.0" 
android:toXScale="1.0" 
android:fromYScale="0.0" 
android:toYScale="1.0" 
android:pivotX="50%" 
android:pivotY="50%" 
android:fillAfter="false" 
android:duration="500" /> </set>

上述要求gridview加载的图片不能是网络异步加载的图片，否则控件显示完成后图片还没加载出来，也就没有动画效果。我们可以换一个思路考虑，我们可以在异步加载图片后给ImageView加上动画效果。

1.在adapter的getview方法中加入延时函数

@Override
public View getView(final int position, View convertView, ViewGroup parent) {
    final ViewHolder viewHolder;
    if(convertView == null){
        viewHolder = new ViewHolder();
        convertView = LayoutInflater.from(context).inflate(R.layout.item_view,null);
        viewHolder.tv_name = (TextView)convertView.findViewById(R.id.item_name);
        viewHolder.iv_nul = (ImageView)convertView.findViewById(R.id.item_image);
        convertView.setTag(viewHolder);
    }else{
        viewHolder = (ViewHolder)convertView.getTag();
    }
    new Handler().postDelayed(new Runnable() {
        @Override
        public void run() {
            //重新确定position因为拿到的总是数据源，数据源是分页加载到每页的GridView上的
            final int pos = position + pageIndex * pageSize;//pageSize
            //假设mPagerSize=8，假如点击的是第二页（即pageIndex=1）上的第二个位置item(position=1),那么这个item的实际位置就是pos=9
            viewHolder.tv_name.setText(listItems.get(pos).getName() + "");
            viewHolder.iv_nul.setImageBitmap(listItems.get(pos).getImage());
            viewHolder.iv_nul.setAnimation(AnimationUtils.loadAnimation(context, R.anim.gridview_item_anim)); //加载动画
        }
    }, (position+1)*500);

    return convertView;
}


2. 在图片加载方法返回网络图片后给imageview加上动画（iv是一个ImageView对象，img是返回的图片）
iv.setImageBitmap(img); 
iv.setAnimation(AnimationUtils.loadAnimation(context, R.anim.gridview_item_anim)); 

注意每一个getview方法里必须实例化一个imageView对象。 延时的时间不能相同，否则多个线程同时延时也不能实现逐个加载。 也可以用消息队列实现变同步为异步。