【桌面编辑】GridView的使用--2016/8/16-9:58

GridView
概念：用于界面按行,列分布的方式来显示多个组件
实现：数据源–>适配器–>视图界面
集合：SimpleAdapter>GridView>OnItemClickLIstener

布局文件声明GridView.java里创建GridView的顺序
1、准备数据源
2、新建适配器（SimpleAdapter）
3、GridView加载适配器
4、GridView配置监听器（OnItemClickListener）

gridView实现过程:

//1.准备数据源
dataList=new ArrayList<Map<String,Object>>();

//2.新建适配器(SimpleAdapter)
//参数：【上下文this，新建适配器使用getData()方法,自定义的布局文件,
//对应的是自定义布局文件的字符串的数组，对应的是自定义布局文件的两个控件的id】
adapter=new SimpleAdapter(this,getData(),"自定义布局"
    ,new String[]{"image","text"},new int[]{R.id.image,R.id.text});

//3.gridView加载适配器(SimpleAdapter)
gridView.setAdapter(adapter);

//4.gridView配置时间监听器(OnItemClickListener)
//插入接口OnItemClickListener
gridView.setOnItemClickListener(this);

getData方法内部

private List<Map<String,Object>> getData(){
    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;
}

GridView配置监听器：使用继承接口的方法

implements OnItemclickListener(){};//在顶部继承接口
gridview.setOnItemClickListener(this);//设置监听事件
public void onIntemClick(AapterView<?> parent,
        View view,int position,long id){
    //在屏幕印出“我是**”的文字
    Toast.makeTest(this,"我是"+iconName[position],Toast.LENGTH_SHORT).show();
}

GridView的三个常用属性【XML】

android:numColumns="3" //每行显示多少列 自己也有一个属性auto_fit自动适应
android:horizontalSpacing="10dp"//列间距
android:verticalSpacing="10dp" //行间距

对onIntemClick的理解

/*举个例子你会理解的更快：
X, Y两个listview，X里有1,2,3,4这4个item，Y里有a,b,c,d这4个item。
如果你点了b这个item。如下：*/

public void onItemClick (AdapterView<?> parent, View view, int position, long id )

/** parent 相当于listview Y适配器的一个指针
   ，可以通过它来获得Y里装着的一切东西，再通俗点就是说告诉你，你点的是Y，不是X */

/** view 是你点b item的view的句柄，就是你可以用这个view
   ，来获得b里的控件的id后操作控件 */

/** position 是b在Y适配器里的位置（生成listview时
   ，适配器一个一个的做item，然后把他们按顺序排好队
   ，在放到listview里，意思就是这个b是第position号做好的）*/

/** id 是b在listview Y里的第几行的位置（很明显是第2行）
    ，大部分时候position和id的值是一样的，如果需要的话
    ，你可以自己加个log把position和id都弄出来在logcat里瞅瞅 */

---

源代码：

package com.example.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.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.address_book, R.drawable.calendar,
            R.drawable.camera, R.drawable.clock, R.drawable.games_control,
            R.drawable.games_control, R.drawable.ic_launcher,
            R.drawable.messenger, R.drawable.ringtone, R.drawable.weather,
            R.drawable.world, R.drawable.youtube, };
    private String[] iconName = { "通讯录", "日历", "照相机", "时钟", "游戏", "短信", "铃声",
            "设置", "语音", "天气", "浏览器", "视频" };
    private SimpleAdapter adapter;

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

        gridView = (GridView) findViewById(R.id.gridView);
        /**
         * 1.新建数据源 
         * 2.新建适配器SimpleAdapter 
         * 3.GridView加载适配器
         * 4.GridView配置事件监听器OnItemClickListener
         */
        dataList = new ArrayList<Map<String, Object>>();
        // 适配器(SimpleAdapter)
        // 参数：(上下文this，新建适配器使用getData()方法,自定义的布局文件,
        // 对应的是自定义布局文件的字符串的数组，对应的是自定义布局文件的两个控件的id)
        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);
    }
    /*
     * GridView的三个常用属性
     * android:numColumns="3" //每行显示多少列 自己也有一个属性auto_fit自动适应
     * android:horizontalSpacing="10dp"//列间距
     * android:verticalSpacing="10dp" //行间距
     */

    private List<Map<String, Object>> getData() {
        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;
    }
    /**
     * GridView配置监听器：
     * 使用继承接口的方法
     * 1.implements OnItemclickListener(){};
     * 2.gridview.setOnItemClickListener(this);
     * 3.public void onIntemClick(AapterView<?> parent,View view,int position,long id){
     *      Toast.makeTest(this,"我是"+iconName[position],Toast.LENGTH_SHORT).show();
     * }
     */

    public void onItemClick(AdapterView<?> parent, View view, int position,
            long id) {
        Toast.makeText(this, "我是" + iconName[position], Toast.LENGTH_SHORT)
                .show();
    }
}

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:src="@drawable/address_book"
        android:id="@+id/image"
        android:layout_width="60dp"
        android:layout_height="60dp" />

    <TextView
        android:id="@+id/text"
        android:layout_marginTop="5dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:textColor="#ffffff"
        android:text="文字"
        />

</LinearLayout>

main.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" >

    <GridView
        android:layout_marginTop="10dp"
        android:id="@+id/gridView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:horizontalSpacing="10dp"
        android:numColumns="3"
        android:verticalSpacing="10dp" >
    </GridView>

</LinearLayout>