Gridview表格控件

Gridview表格控件

效果图：

分析：

使用和ListvVew很像，都是经过适配器将数据绑定到控件上

具体步骤如下：

1、创建GridView控件，并指定列数

　　android:numColumns="3"

2、创建显示数据项的数据容器，是一个Lauout文件，里面一个ImageView，一个TextView

　　上面是ImageView，“小白10”是TextView显示的

3、创建好数据，这里用List来实现

　　private List<HashMap<String, Object>> mData;

　　mData=new ArrayList<HashMap<String,Object>>();

　　然后是创建HashMap

　　　　HashMap<String, Object> map=new HashMap<String, Object>();

　　　    map.put("txt", "小白"+i);　　　

　　　　map.put("image", images[i]);

　　　　mData.add(map);

4、创建数据适配器，并且将数据绑定到数据适配器

　　private SimpleAdapter adapter;

　　adapter=new SimpleAdapter(this, mData, R.layout.itemview1,new String[]{"txt","image"}, new int[]{R.id.textView1,R.id.iv_avator});

5、为GridView设置数据适配器

　　gridview.setAdapter(adapter);

代码：

fry.Activity01

 package fry;

 import java.util.ArrayList;
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;

 import com.example.gridView.R;

 import android.app.Activity;
 import android.os.Bundle;
 import android.widget.GridView;
 import android.widget.SimpleAdapter;

 public class Activity01 extends Activity{
     private List<HashMap<String, Object>> mData;
     private GridView gridview;
     private SimpleAdapter adapter;
     private int[] images=new int[]{
             R.drawable.image1,R.drawable.image2,R.drawable.image3,
             R.drawable.image5,R.drawable.image6,R.drawable.image7,
             R.drawable.image8,R.drawable.image9,R.drawable.image10,
             R.drawable.image11,R.drawable.image12,R.drawable.image13,
             R.drawable.image14,R.drawable.image4
     };

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         // TODO Auto-generated method stub
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity01);
         gridview=(GridView) findViewById(R.id.gridView1);

         mData=new ArrayList<HashMap<String,Object>>();
         for(int i=0;i<images.length;i++){
             HashMap<String, Object> map=new HashMap<String, Object>();
             map.put("txt", "小白"+i);
             map.put("image", images[i]);
             mData.add(map);
         }

         adapter=new SimpleAdapter(this, mData, R.layout.itemview1,
                 new String[]{"txt","image"}, new int[]{R.id.textView1,R.id.iv_avator});

         gridview.setAdapter(adapter);
     }
 }

主界面

/gridView/res/layout/activity01.xml

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:orientation="vertical" >

     <GridView
         android:id="@+id/gridView1"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:numColumns="3"
         ></GridView>

 </LinearLayout>

创建GridView控件

/gridView/res/layout/itemview1.xml

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:gravity="center_horizontal"
     android:orientation="vertical" >

     <ImageView
         android:id="@+id/iv_avator"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:src="@drawable/image1" />

     <TextView
         android:id="@+id/textView1"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="小白"
         />

 </LinearLayout>

创建数据项容器