Android控件GridView实现菜单界面

GirdView为九宫格式布局，加入图片即文字做出菜单

activiyy_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"
    android:background="#000000">

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

</LinearLayout>

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:orientation="vertical"
    android:gravity="center"
    android:background="#000000"
    >

    <ImageView
        android:id="@+id/image"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:src="@drawable/ic_launcher"
        />

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

</LinearLayout>

每个元素有ImageView控件和TextView组成，

android:layout_marginTop=""             设置TextView顶部与ImageView的间距

设置颜色，背景为黑色。

MainActivity.java

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

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.Window;
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 ActionBarActivity 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.messenger,
            R.drawable.ringtone, R.drawable.settings, R.drawable.speech_balloon,
            R.drawable.weather, R.drawable.world, R.drawable.youtube
            };
    private String[] icon_name = {
        "通讯录", "日历", "照相机",
        "时钟", "游戏", "短信",
        "铃声", "设置", "语言",
        "天气", "浏览器", "视频"
    };
    private SimpleAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);

        gridView = (GridView) findViewById(R.id.gridView);

        datalist = new ArrayList<Map<String,Object>>();
        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() {
        for(int i = 0; i<icon.length; i++){
            Map<String, Object> map = new HashMap<String, Object>();
            map.put("image", icon[i]);
            map.put("text", icon_name[i]);
            datalist.add(map);
        }
        return datalist;
    }

    //监听单击事件
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position,
            long id) {
        //显示消息，指定消息显示的时长
        Toast.makeText(this, "我是"+icon_name[position], Toast.LENGTH_SHORT).show();
    }

}

图片资源放入对应drawable文件夹下

GridView对应的适配器使用SimpleAdapter，数据用ArrayList<Map<String,Object>>();

getData()函数对datalist赋值，数组icon和icon_name存放图片资源和字符串资源。