安卓开发笔记——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>

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