Android GridView 使用方法

1. GridView的xml描述

<?xml version="1.0" encoding="utf-8"?>  

<GridView

android:id="@+id/gridView1"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_weight="1"

android:verticalSpacing="10dip"  

android:horizontalSpacing="10dip"  

android:gravity="center"  

android:numColumns="4" >

</GridView>

某些属性描述：

android:numColumns="auto_fit" ，GridView的列数设置为自动

android:columnWidth="90dp"，每列的宽度，也就是Item的宽度

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

android:verticalSpacing="10dp"，两行之间的边距，如：行一(NO.0~NO.2)与行二(NO.3~NO.5)间距为10dp

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

2. GridView的子项描述：

grid_item.xml，这个XML跟描述每个gridview子项：

<?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="match_parent"

android:paddingBottom="4dip" >  

<ImageView   

android:layout_height="100dip"   

android:layout_width="wrap_content"   

android:layout_centerHorizontal="true"

android:id="@+id/ItemImage">   

</ImageView>  

<TextView   

android:layout_width="wrap_content"   

android:layout_height="wrap_content"   

android:text="TextView01"

android:layout_centerHorizontal="true"   

android:layout_below="@+id/ItemImage"   

android:id="@+id/ItemText">  

</TextView>

</RelativeLayout>

3. Activity中的代码

//Activity.onCreate构建grid

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

//setContentView(R.layout.home);

mInflater = LayoutInflater.from(this);

mMyView = mInflater.inflate(R.layout.home, null);

setContentView(mMyView);

mGrid = (GridView) mMyView.findViewById(R.id.gridView1);

//1. 生成动态数组

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

for(int i=0; i<sIconArray.length ;i++)  

{  

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

map.put("ItemImage", sIconArray[i]);//添加图像资源的ID  

map.put("ItemText", "NO."+String.valueOf(i));//按序号做ItemText  

lstGridItem.add(map);  

}  

//2. 生成SimpleAdapter适配器

SimpleAdapter saImageItems = new SimpleAdapter(this,

lstGridItem,//数据来源   

R.layout.grid_item,//grid_item的XML实现  

//map中使用的key值列表

new String[] {"ItemImage", "ItemText"},   

//grid_Item.xml文件中每个item的UI元素ID  

new int[] {R.id.ItemImage, R.id.ItemText});

mGrid.setAdapter(saImageItems);

//3. 设置listener

mGrid.setOnItemClickListener(new ItemClickListener());

}

//当AdapterView被单击(触摸屏或者键盘)，则返回的Item单击事件  

class  ItemClickListener implements OnItemClickListener  

{  

public void onItemClick(AdapterView<?> arg0,//The AdapterView where the click happened   

View arg1,//The view within the AdapterView that was clicked  

int arg2,//The position of the view in the adapter  

long arg3//The row id of the item that was clicked  

) {  

//在本例中arg2=arg3  

HashMap<String, Object> item=(HashMap<String, Object>) arg0.getItemAtPosition(arg2);  

//显示所选Item的ItemText  

setTitle((String)item.get("ItemText"));

}

}