快捷導航

Android中GridView插件的使用方法

更新時間：2019年03月28日 11:03:55 作者：徐劉根

今天小編就為大家分享一篇關(guān)于Android中GridView插件的使用方法，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧

布局文件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);
    // 設(shè)置適配器的圖片資源
    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 };
    // 設(shè)置標題
    String[] title = new String[] { "相機", "定位", "畫筆", "視頻", "聲音", "相機",
        "定位", "畫筆", "視頻", "聲音", "相機", "定位", "畫筆", "視頻", "聲音", "相機",
        "定位", "畫筆", "視頻", "聲音" };
    List<Map<String, Object>> listitem = new ArrayList<Map<String, Object>>();
    // 將上述資源轉(zhuǎn)化為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;
  }
}

效果圖如下：