Android开发笔记—GridView的基础使用

GridView是一个二维布局控件，可以呈现出九宫格等效果，和ListView差不多，都是设置数据源、适配器。这些控件都类似于ListView组件的使用，适配器详解具体参考Android开发笔记—ListView的基础使用

xml

    <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"
        />

android:numColumns=”” 每一行显示几列 auto_fit表示自动
android:horizontalSpacing=”” 两列之间的间距
android:verticalSpacing=”” 两行之间的间距

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:gravity="center"
    android:orientation="vertical"
    android:background="#000"
    >
    <ImageView
        android:id="@+id/pic"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:src="@mipmap/ic_launcher"
        />
    <TextView
        android:id="@+id/text"
        android:layout_marginTop="5dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#fff"
        android:text="邮件"
        />
</LinearLayout>

Java代码

package com.example.jialin.gridviewdemo;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.SimpleAdapter;
import android.widget.Toast;

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

public class MainActivity extends AppCompatActivity {
    private GridView gridView;
    private List<Map<String, Object>> datalist;
    private int[] icon = {R.mipmap.address_book, R.mipmap.calendar, R.mipmap.camera, R.mipmap.clock, R.mipmap.games_control, R.mipmap.messenger, R.mipmap.ringtone, R.mipmap.settings, R.mipmap.speech_balloon, R.mipmap.weather, R.mipmap.world, R.mipmap.youtube};
    private String[] icoName = {"通讯录", "日历", "照相机", "时钟", "游戏", "短信", "铃声", "设置", "语音", "天气", "浏览器", "视频"};
    private SimpleAdapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getSupportActionBar().hide();
        setContentView(R.layout.activity_main);
        gridView = (GridView) findViewById(R.id.gridView1);
        //1、准备数据源
        //2、新建一个适配器(SimpleAdater)
        //3、GridView加载适配器
        //4、GridView配置事件监听器(OnItemClickListener)
        datalist = new ArrayList<Map<String, Object>>();
        adapter = new SimpleAdapter(this,getData(),R.layout.item,new String[]{"pic","text"},new int[]{R.id.pic,R.id.text});
        gridView.setAdapter(adapter);
        //设置点击事件
        gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(MainActivity.this, "我是"+icoName[position],Toast.LENGTH_SHORT).show();
            }
        });

    }
    //数据源
    public List<Map<String, Object>> getData() {
        for (int i = 0; i< icon.length; i++){
            Map<String, Object>map = new HashMap<String, Object>();
            map.put("pic", icon[i]);
            map.put("text", icoName[i]);
            datalist.add(map);
        }
        return datalist;
    }
}