Android中GridView的使用方法

標籤：gridview

布局檔案activity_main.xml

<RelativeLayout 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=".MainActivity" >    <GridView        android:id="@+id/gridView"        android:layout_width="fill_parent"        android:layout_height="fill_parent"        android:layout_marginTop="16dp"        android:numColumns="4"        android:stretchMode="columnWidth" >    </GridView></RelativeLayout>

gridview_item.xml

這個是一個item的儲存格樣式的，有圖片和文字

<?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" >    <ImageView        android:id="@+id/image"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:paddingLeft="10dp"        android:scaleType="fitCenter"        android:src="@drawable/ic_launcher" />    <TextView        android:id="@+id/textView"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:text="TextView" /></LinearLayout>

MainActivity.java

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.widget.GridView;public class MainActivity extends Activity {    private GridView gridView;    private GridViewAdapter adapter;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        // 設定適配器的圖片資源        int[] imageId = new int[] { R.drawable.chat_tool_camera,                R.drawable.chat_tool_location, R.drawable.chat_tool_paint,                R.drawable.chat_tool_video, R.drawable.chat_tool_voice,                R.drawable.chat_tool_camera, R.drawable.chat_tool_location,                R.drawable.chat_tool_paint, R.drawable.chat_tool_video,                R.drawable.chat_tool_voice, R.drawable.chat_tool_camera,                R.drawable.chat_tool_location, R.drawable.chat_tool_paint,                R.drawable.chat_tool_video, R.drawable.chat_tool_voice,                R.drawable.chat_tool_camera, R.drawable.chat_tool_location,                R.drawable.chat_tool_paint, R.drawable.chat_tool_video,                R.drawable.chat_tool_voice };        // 設定標題        String[] title = new String[] { "相機", "定位", "畫筆", "視頻", "聲音", "相機",                "定位", "畫筆", "視頻", "聲音", "相機", "定位", "畫筆", "視頻", "聲音", "相機",                "定位", "畫筆", "視頻", "聲音" };        List<Map<String, Object>> listitem = new ArrayList<Map<String, Object>>();        // 將上述資源轉化為list集合        for (int i = 0; i < title.length; i++) {            Map<String, Object> map = new HashMap<String, Object>();            map.put("image", imageId[i]);            map.put("title", title[i]);            listitem.add(map);        }        adapter = new GridViewAdapter(MainActivity.this, listitem);        gridView = (GridView) this.findViewById(R.id.gridView);        gridView.setAdapter(adapter);    }}

GridViewAdapter.java

這個是適配器

import java.util.List;import java.util.Map;import android.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ImageView;import android.widget.TextView;public class GridViewAdapter extends BaseAdapter {    private Context context;    private List<Map<String, Object>> listitem;    public GridViewAdapter(Context context,List<Map<String, Object>> listitem) {        this.context = context;        this.listitem = listitem;    }    @Override    public int getCount() {        return listitem.size();    }    @Override    public Object getItem(int position) {        return listitem.get(position);    }    @Override    public long getItemId(int position) {        return position;    }    @Override    public View getView(int position, View convertView, ViewGroup parent) {        if (convertView == null) {            convertView = LayoutInflater.from(context).inflate(R.layout.gridview_item, null);        }        ImageView imageView = (ImageView) convertView.findViewById(R.id.image);        TextView textView = (TextView) convertView.findViewById(R.id.textView);        Map<String, Object> map = listitem.get(position);        imageView.setImageResource((Integer) map.get("image"));        textView.setText(map.get("title") + "");        return convertView;    }}

如下：

Android中GridView的使用方法