android 之 GridView

最新推荐文章于 2025-11-26 22:21:13 发布

原创最新推荐文章于 2025-11-26 22:21:13 发布 · 124 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#移动开发

android 专栏收录该内容

24 篇文章

订阅专栏

本文详细介绍了GridView的使用方法，包括其与ListView的相似性、布局文件的编写、Adapter配置、事件监听器的实现等核心内容。通过实例代码展示了如何生成数据列表、配置GridView的Adapter，并实现了点击和选择事件的处理。

GridView 的用法基本与ListView类似。
[img]http://dl.iteye.com/upload/attachment/577536/098a1974-e216-3324-9ee0-123e376b2f9f.png[/img]

[img]http://dl.iteye.com/upload/attachment/577538/3edf34cf-9f32-30c9-b9ee-50daeeb36126.png[/img]

程序布局文件main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView android:layout_width="fill_parent"
android:layout_height="wrap_content" android:text="@string/hello" />
<GridView android:id="@+id/gridview01" android:layout_width="fill_parent"
android:layout_height="wrap_content" />
</LinearLayout>

其中GridView每一行的布局文件grid_row.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="horizontal">
<ImageView android:id="@+id/imageview01" android:scaleType="fitXY"
android:layout_width="50dip" android:layout_height="50dip" />
<TextView android:id="@+id/tv01" android:layout_width="100dip"
android:layout_height="wrap_content" android:textSize="24dip"
android:paddingLeft="5dip" />
<TextView android:id="@+id/tv02" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:textSize="24dip"
android:paddingLeft="5dip" />
</LinearLayout>

在主函数中配置GridView的Adapter：

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

gridview = (GridView) findViewById(R.id.gridview01);
SimpleAdapter adapter = new SimpleAdapter(this, generateDataList(),
R.layout.grid_row, new String[] { "col1", "col2", "col3" },
new int[] { R.id.imageview01, R.id.tv01, R.id.tv02 });
gridview.setAdapter(adapter);
}

其中generateDataList()生成Adapter中的数据，其类型为 List<? extends Map<String, ?>>：

private List<? extends Map<String, ?>> generateDataList() {
// TODO Auto-generated method stub
ArrayList<Map<String,Object>> list=new ArrayList<Map<String,Object>>();
int rowCount=drawableIds.length;
for(int i=0;i<rowCount;i++){
HashMap<String, Object> hmap=new HashMap<String, Object>();
hmap.put("col1", drawableIds[i]);
hmap.put("col2", this.getResources().getString(nameIds[i]));
hmap.put("col3", this.getResources().getString(msgIds[i]));
list.add(hmap);
}
return list;
}

为GridView添加事件：

gridview.setOnItemSelectedListener(new OnItemSelectedListener() {

@Override
public void onItemSelected(AdapterView<?> arg0, View arg1,
int arg2, long arg3) {
// TODO Auto-generated method stub
TextView textview = (TextView) findViewById(R.id.textview01);
LinearLayout ll = (LinearLayout) arg1;
TextView tv01 = (TextView) ll.getChildAt(1);
TextView tv02 = (TextView) ll.getChildAt(2);
StringBuilder sb = new StringBuilder();
sb.append(tv01.getText());
sb.append(" ");
sb.append(tv02.getText());
textview.setText(sb.toString());

}

@Override
public void onNothingSelected(AdapterView<?> arg0) {
// TODO Auto-generated method stub

}
});
gridview.setOnItemClickListener(new OnItemClickListener() {

@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
// TODO Auto-generated method stub
LinearLayout ll = (LinearLayout) arg1;
TextView tv01 = (TextView) ll.getChildAt(1);
TextView tv02 = (TextView) ll.getChildAt(2);
StringBuilder sb = new StringBuilder();
sb.append(tv01.getText());
sb.append(" ");
sb.append(tv02.getText());
Toast.makeText(mainActivity.this, sb.toString(),
Toast.LENGTH_LONG).show();
}
});