Android--UI之GridView

前言

　　这篇博客介绍一下Android平台下，GridView控件的开发。针对GridView控件的一些常用属性、方法，以及注意事项进行讲解，最后将以一个Demo展示GridView控件的使用。

GridView

　　GridView一个以二维网格的格式展示数据的控件，它与ListView具有相同的继承结构，同样直接继承与AbsListView，并且使用一个ListAdapter接口的适配器来绑定数据。其实它的展示效果有点类似于TableLayout布局，可以看看另外一篇博客：Android--UI布局。相信有过UI编程经验的人，都对GridView这个控件不会陌生。

　　GridView效果图：

　　对于GridView而言，有一些特定的属性需要了解一下，Android也为这些属性提供了对应的getter/setter方法：

• android:columnWidth：指定每一列的固定宽度。
• android:gravity：指定每个填充项的填充方向。
• android:horizontalSpacing：指定水平行之间的间距。
• android:verticalSpacing：指定垂直列之间的间距。
• android:numColumns：指定列数。

 　　对于android:numColumns属性而言，如果设定为1，可以当成一个ListView使用。而GridView的方法与事件，大部分和ListView类似，可以参见另外一篇讲解ListView的博客，这里不再详解了。

 数据填充

　　GridView和ListView一样，都需要通过一个ListAdapter的适配器来填充数据。对于复杂的数据，一般会使用选择继承BaseAdapter。对于一些简单的数据样式，通过XML布局展示的，可以使用SimpleAdapter。它们都是比较常用的ListAdapter子类。

　　下面通过一个Demo简单讲解一下GridView的使用。

　　布局代码：

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <GridView
        android:id="@+id/gridview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:horizontalSpacing="6dp"
        android:numColumns="3"        
        android:padding="20dp"
        android:verticalSpacing="6dp" />

    <ImageView
        android:id="@+id/iamgeview"
        android:layout_width="match_parent"
        android:layout_height="150dp" />

</LinearLayout>

　　

　　实现代码：

package com.bgxt.gridviewdemo;

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

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.SimpleAdapter;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.AdapterView.OnItemSelectedListener;

public class MainActivity extends Activity {

    private ImageView imageView;
    private int[] resIds = new int[] { R.drawable.bmp1, R.drawable.bmp2,
            R.drawable.bmp3, R.drawable.bmp4, R.drawable.bmp5, R.drawable.bmp6,
            R.drawable.bmp7, R.drawable.bmp8, R.drawable.bmp9, R.drawable.bmp10 };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        GridView gridView = (GridView) findViewById(R.id.gridview);
        imageView = (ImageView) findViewById(R.id.iamgeview);
        List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
        for (int i = 0; i < resIds.length; i++) {
            Map<String, Object> cell = new HashMap<String, Object>();
            cell.put("imageview", resIds[i]);
            list.add(cell);
        }

        SimpleAdapter simpleAdapter = new SimpleAdapter(MainActivity.this,
                list, R.layout.cell, new String[] { "imageview" },
                new int[] { R.id.ivCell });
        gridView.setAdapter(simpleAdapter);
        gridView.setOnItemClickListener(itemClick);
        imageView.setImageResource(resIds[0]);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    private OnItemClickListener itemClick = new OnItemClickListener() {

        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position,
                long id) {
            // TODO Auto-generated method stub
            imageView.setImageResource(resIds[position]);
        }
    };

}

　　效果展示：

 　　源码下载

　　请支持原创，尊重原创，转载请注明出处。谢谢。