GridView网格控件

            一.GridView控件用于显示一个网格图像， GridView主要是用在一些相册的布局显示图片。
GridView采用的是二维表的方式显示单元格，就需要设置二维表的行和列。设置GridView的列可以使用<GridView>标签的columnWidth属性。也可以使用GridView类的setColumnWidth方法来设置列数，
GridView中的单元格会根据列数自动拆行显示，因此不需要设置GridView的行数，但是需要设置android:numColumns属性。否则GridView只会显示一行。

　　　　二.下面是GridView的实列:

　　

在main.xml文件中:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <GridView 
        android:id="@+id/gridview"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:numColumns="4"
        android:horizontalSpacing="1dp"
        android:verticalSpacing="1dp"
        android:layout_weight="1"
        android:gravity="fill">
    </GridView>
    <LinearLayout 
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="2">  
        <ImageView 
            android:id="@+id/imageview"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"/>
    </LinearLayout>  
</LinearLayout>

在cell.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" >
   <ImageView 
               android:id="@+id/cellImageview"
               android:layout_width="100dp"
               android:layout_height="100dp"
               android:adjustViewBounds="true"
               android:scaleType="fitCenter"/>
</LinearLayout>

在.java文件中:

private ImageView imageView;
    private GridView gridView;
    private int[] imageId = {R.drawable.gril1,R.drawable.gril2,R.drawable.gril3,R.drawable.gril4,R.drawable.gril5,
                              R.drawable.gril6,R.drawable.gril7,R.drawable.gril8,R.drawable.gril9,R.drawable.gril10,
                              R.drawable.gril11,R.drawable.gril12,R.drawable.gril13,R.drawable.gril14,R.drawable.gril15,
                              R.drawable.gril16,R.drawable.gril17,R.drawable.gril18,R.drawable.gril19,R.drawable.gril20};
                      
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.main);
        
        imageView = (ImageView) findViewById(R.id.imageview);
        imageView.setImageResource(imageId[0]);
        
        gridView = (GridView) findViewById(R.id.gridview);
        List<Map<String, Object>> list = new ArrayList<Map<String,Object>>();
        Map<String,Object> map = null;
        for(int i = 0;i < imageId.length;i++){
            map = new HashMap<String, Object>();
            map.put("imageId", imageId[i]);
            list.add(map);
        }
        
        SimpleAdapter adapter = new SimpleAdapter(this, list,R.layout.cell, new String[]{"imageId"}, new int[]{R.id.cellImageview});
        gridView.setAdapter(adapter);
        gridView.setOnItemSelectedListener(new OnItemSelectedListener() {

            @Override
            public void onItemSelected(AdapterView<?> parent, View view,
                    int position, long id) {
                // TODO 自动生成的方法存根
                imageView.setImageResource(imageId[position]);
            }

            @Override
            public void onNothingSelected(AdapterView<?> parent) {
                // TODO 自动生成的方法存根
                
            }
        });
        
        gridView.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> parent, View view,
                    int position, long id) {
                // TODO 自动生成的方法存根
                imageView.setImageResource(imageId[position]);
            }
        });
        
        
    }

运行结果: