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方法中加入延时函数

@Overridepublic 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对象。 延时的时间不能相同，否则多个线程同时延时也不能实现逐个加载。 也可以用消息队列实现变同步为异步。