android gridview 异步加载图片 gridview布局

!

先来介绍一下要做的工作，有一个完整的思路

1.在activity_main.xml中加一个GridViwe

2.编写一个自定义的Adapter，在其中完成给每个item与数据源的绑定。getView()方法

3.回到MainActivity中去使用该Adapter。

4.之后可以为item设置一下点击事件，再做一些别的操作。（下一节在其中插入一个切换图片的方法）

activity_main.xml文档如下

GridView

    android:id="@+id/gv_images"     

    android :layout_width= "match_parent"

    android:layout_height="match_parent"

    android:numColumns="3"               //设置列数为3，可设置自动“auto_fit”

    android:stretchMode="columnWidth"     //缩放与列宽大小同步

    android:horizontalSpacing="10dp"     //两列之间的边距 10dp

    android:verticalSpacing="10dp"        //两行之间的边距 10dp

    //android:columnWidth="90dp"         //设置每一列的宽度，也可以不用在这里设置，之后我们会看到。

/>

和以前一样，View（视图）和数据进行绑定是需要一个Adapter的。在这我们写一个自己的Adapter来进行适配。

在写这个Adapter之前，我们要认真的思考一下该Adapter要做什么事。

把每一个item设置成一个Image，然后显示这个GridView。那么在getView()这个方法中，我们需要用到的参数就是上下文以及数据源

自定义构造函数就呼之欲出了。看下面代码吧

public class ImageAdapter  
 extends BaseAdapter{ 
 
     
 private Context  
 context; 
 
 private int[] data;
 
//自定义构造函数
 
     
  public ImageAdapter(Context context, 
 int [] data){ 
 
         
 this. 
 context = context; 
 
         
 this. 
 data = data; 
 
    }
 
@Override
 
     
  public int getCount() { 
 
         
 return  
 data. 
 length; 
 
    }
 
@Override
 
     
  public Object getItem( 
 int position) { 
 
         
 return null; 
 
    }
 
@Override
 
     
  public long getItemId( 
 int position) { 
 
         
 return  
 0; 
 
    }
 
@Override
 
     
  public View getView( 
 int position, View convertView, ViewGroup parent) { 
 
         
 //循环使用convertView首先要判断他是否为空，如果是空的，加一个imageView在里面，用来显示图片
 
         
  if (convertView ==  
 null){ 
 
             convertView =  
 new ImageView( 
 context); 
 
 //设置控件的布局样式
 
            convertView.setLayoutParams(new GridView.LayoutParams(200,250));    
 
          
 

          } 
 
         
 //分配要显示的图片
 
         convertView.setBackgroundResource( 
 data[position]); 
 
         
 return convertView; 
 
     } 
 
}

让我们回到MainActivity中来，在这里需要做哪些事？

1.获取布局中的GridView，和平常控件没有区别

2.初始化数据源，就用个简单的数组存储吧，因为都是用的id所以int类型就可以

3.这就要调用刚才写的Adapter了，设置一下。gvImage.setAdapter(adapter)。

4.最后给每个item设置一个点击事件gvImage.setOnItemClickListener()。在这里我们就可以进行一些扩展了。

代码就不贴了，都是很基础的了，想不起来就该挨打了~