安卓开发笔记——GridView组件

1、什么是GridView？

GridView(网格视图)是按照行列的方式来显示内容的，一般用于显示图片，图片等内容，比如实现九宫格图，用GridView是首选，也是最简单的。

2、正文

GridView的用法很多，网上介绍最多的方法就是自己实现一个ImageAdapter继承BaseAdapter，再供GridView使用，太多的东西我就不再重复去写，这次记录点不一样的用法。

先看下效果图：（点击应用图标以Toast的方式显示信息）

首先先说下GridView常用的XML属性：

属性名称	描述
android:columnWidth	设置列的宽度。
android:gravity	设置此组件中的内容在组件中的位置。可选的值有：top、bottom、left、right、center_vertical、fill_vertical、center_horizontal、fill_horizontal、center、fill、clip_vertical可以多选，用“|”分开。
android:horizontalSpacing	两列之间的间距。
android:numColumns	设置列数。
android:stretchMode	缩放模式。
android:verticalSpacing	两行之间的间距。

 然后直接上代码吧，注释很全。

MainActivity.xml

package com.example.gridviewtest;

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.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;// 声明GridView对象
    private List<Map<String,Object>> dataList;//数据源集合对象
    private SimpleAdapter simpleAdapter;
    // 图标资源
    private int images[] = { R.drawable.address_book, R.drawable.calendar,
            R.drawable.camera, R.drawable.clock, R.drawable.games_control,
            R.drawable.messenger, R.drawable.ringtone, R.drawable.settings,
            R.drawable.speech_balloon, R.drawable.weather, R.drawable.world,
            R.drawable.youtube };
    // 图标下文字资源
    private String[] texts= { "联系人", "日历", "照相机", "时钟", "游戏", "短信", "铃声",
            "设置", "语音", "天气", "浏览器", "Youtube" };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        gridView = (GridView) findViewById(R.id.gridview);// 取得对象
        gridView.setOnItemClickListener(this);
        dataList=new ArrayList<Map<String,Object>>();
        /*
         * GridView使用步骤 1、获取数据源 getData() 2、制作适配器 3、绑定适配器
         */
        
        //1、获取数据源
        dataList=getData();
        //2、制作适配器
        simpleAdapter=new SimpleAdapter(this, dataList, R.layout.gridview_item, new String[]{"image","text"}, new int[]{R.id.image,R.id.text});
        //绑定适配器
        gridView.setAdapter(simpleAdapter);
    }

    private List<Map<String, Object>> getData() {        
        for(int i=0;i<images.length;i++){//每个map对象对应着一组数据
            Map<String, Object> map=new HashMap<String, Object>();
            map.put("image", images[i]);
            map.put("text", texts[i]);
            dataList.add(map);        
        }
        return dataList;
    }

    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position,
            long id) {
        Toast.makeText(this,texts[position]+"应用被选择" , Toast.LENGTH_SHORT).show();
    }

}

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"
    tools:context="com.example.gridviewtest.MainActivity" 
    android:orientation="vertical">
    
      <!--
     GridView是可滚动的网格。一般用来显示多张图片。
     android:horizontalSpacing="5dp" 两列之间的间距是5dp
     android:verticalSpacing="5dp" 两行之间的间距是5dp
     android:stretchMode="spacingWidth" 缩放与列宽大小同步
     android:numColumns="auto_fit" 本来是一行显示几个，现在改为自动分配
    -->
    <GridView 
            android:id="@+id/gridview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:horizontalSpacing="5dp"
            android:verticalSpacing="10dp"
            android:numColumns="3"
        ></GridView>

  

</LinearLayout>

gridview_item.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: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="com.example.gridviewtest.MainActivity" 
    android:gravity="center"
    android:orientation="vertical">
    
    <ImageView 
        android:id="@+id/image"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_gravity="center"
        android:src="@drawable/ic_launcher"
        />
    
    <TextView 
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="3dp"
        />


  

</LinearLayout>

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.gridviewtest"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="21" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@android:style/Theme.Black.NoTitleBar" >
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

素材图片这里就不给出了，大家自己随便网上搜吧，一大堆的。