Android初级之组件基础08-GridView

GridView，顾名思义，就是一个以网格形式展示出来的可滚动的视图组件，最典型的应用就是经常见到的九宫图。GridView的条目是通过关联一个ListAdapter来实现的。

一、常用属性及方法

android:gravity

设置此组件中的内容在组件中的位置。关联的方法为 setGravity (int)。

android:numColumns、android:columnWidth

列数、列的宽度，关联的方法分别为：setNumColumns(int)、setColumnWidth(int)（以像素为单位）。

当不设置numColumns属性时，该属性默认为AUTO_FIT（即自动适应）。

android:horizontalSpacing、android:verticalSpacing

两列之间的间距、两行之间的间距，关联方法分别为setHorizontalSpacing(int)、setVerticalSpacing(int)

android:stretchMode

缩放模式，关联方法为setStretchMode(int)。stretchMode可以选值：

NO_STRETCH

STRETCH_SPACING

STRETCH_SPACING_UNIFORM

STRETCH_COLUMN_WIDTH

二、GridView的使用

首先，我们在布局文件对GridView进行定义，并将布局文件命名为base_gridview.xml：

<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/grdBase"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:numColumns="auto_fit"
android:verticalSpacing="10dp"
android:horizontalSpacing="10dp"
android:columnWidth="90dp"
android:stretchMode="columnWidth"
android:gravity="center"/>

接着，我们定义GridView的Item布局文件，将其命名为base_gridview_item：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="wrap_content" android:layout_width="fill_parent">
<ImageView android:id="@+id/ItemImage"
android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_centerHorizontal="true"/>
<TextView android:id="@+id/ItemText"
android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true"
android:layout_below="@+id/ItemImage" android:text="TextView01"/>
</RelativeLayout>

在GridView中，我们在每个单元格都显示一张图片跟一行文字。

最后，我们通过Adapter为GridView绑定数据。

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

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.SimpleAdapter;
import android.widget.AdapterView.OnItemClickListener;
import cn.youtous.R;

public class BaseGridView extends Activity {
private GridView grdBase;
private List<HashMap<String,Object>> mGrdData;

private void initGridViewData(){
mGrdData = new ArrayList<HashMap<String, Object>>();
for(int i=0;i<this.mImages.length;i++){
HashMap<String, Object> map = new HashMap<String, Object>();
map.put("ItemImage", mImages[i]);
map.put("ItemText", mTexts[i]);
mGrdData.add(map);
}
}

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.base_gridview);
GridView grd = (GridView)findViewById(R.id.grdBase);
this.initGridViewData();
SimpleAdapter adapter = new SimpleAdapter(this,
mGrdData,
R.layout.base_gridview_item,
new String[]{"ItemImage","ItemText"},
new int[]{R.id.imgBaseGridViewItem,R.id.tvwBaseGridViewItem});
grd.setAdapter(adapter);
grd.setOnItemClickListener(new GrdBaseItemClickListener());
}

class GrdBaseItemClickListener implements OnItemClickListener{
@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int position ,
long id) {

}
}

private int[] mImages = {
R.drawable.carlogo_52design_01, R.drawable.carlogo_52design_06, R.drawable.carlogo_52design_09,
R.drawable.carlogo_52design_12, R.drawable.carlogo_52design_19, R.drawable.carlogo_52design_21,
R.drawable.carlogo_52design_27,
R.drawable.carlogo_52design_29, R.drawable.carlogo_52design_31, R.drawable.carlogo_52design_32,
R.drawable.carlogo_52design_34, R.drawable.carlogo_52design_36, R.drawable.carlogo_52design_37
};

private String[] mTexts = {
"本田","起亚","雷克萨斯",
"马自达","日产","标致",
"斯柯达",
"丰田","大众","沃尔沃",
"奥迪","宝马","别克"
};

}