android进阶之GridView_gridview 进阶-优快云博客

本文介绍如何使用GridView创建Android应用中的网格布局。GridView是一种可滚动的二维视图组，适合展示多张图片。文中详细展示了如何设置GridView属性、创建适配器，并实现点击事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天学习了girdVew,学会了建立普通android界面.

GridView是一项显示二维的viewgroup，可滚动的网格。一般用来显示多张图片。

下面通过一个例子来展示其用法。

首先，关于gridView 的三个属性

android:numColumns="" 表示有多少行
android:horizontalSpacing="" 表示列与列之间的间距
android:verticalSpacing="" 表示行与行之间的间距

思想基本一样，采用SimpleAdapter适配器。

1 准备数据源。2建立适配器3 加载适配器 4 监听。

然后展示代码：

activity_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:layout_marginTop="10dp"
        android:id="@+id/gridView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numColumns="3"
        android:horizontalSpacing="10dp"
        android:verticalSpacing="10dp"     
      >
    </GridView>
</LinearLayout>

item,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"
    android:gravity="center"
    android:background="#000000"
     >
    <ImageView 
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:id="@+id/image"
        android:scaleType="fitXY"
        android:src="@drawable/eight"
        />
    <TextView 
        android:id="@+id/text"
        android:layout_marginTop="5dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
</LinearLayout>

mainActivity.java

package com.example.android_gridview;

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

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.widget.SimpleAdapter;
import android.widget.Toast;

public class MainActivity extends Activity implements OnItemClickListener{
    private GridView gridView;
    private List<Map<String,Object>>datalist;
    private int[] icon={ R.drawable.first,R.drawable.eight,R.drawable.five,R.drawable.four,R.drawable.second
    ,R.drawable.seven,R.drawable.six,R.drawable.third 		
      };
    private String[] iconname={"海贼1","海贼2","海贼3","海贼4","海贼5","海贼6","海贼7","海贼8"};
	private SimpleAdapter adapter;
    @Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
	    gridView=(GridView) findViewById(R.id.gridView1);
	    //1 准备数据源 2 新建适配器（SimpAdapter）3 GridView加载适配器 4 GridView配置事件监听（OnItemClickListensner） 
	    datalist=new ArrayList<Map<String,Object>>();
	   // getData();
	    adapter=new SimpleAdapter(this,getData(),R.layout.item,new String[]{"image","text"},new int[]{R.id.image,R.id.text});
	    gridView.setAdapter(adapter);
	    gridView.setOnItemClickListener(this);
	}
	private List<Map<String,Object>> getData() {
		// TODO Auto-generated method stub
	    
		for(int i=0;i<icon.length;i++)
		{
			Map<String,Object> map = new HashMap<String,Object>();
			map.put("image", icon[i]);
		    map.put("text", iconname[i]);
		    datalist.add(map);
		}
		return  datalist;
	}
	@Override
	public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
		// TODO Auto-generated method stub
		Toast.makeText(this, "我是"+iconname[position], Toast.LENGTH_SHORT).show();;
	}
}