Android开发中如何使用GridView

xiaoshang

于 2013-07-08 22:45:57 发布

阅读量824

点赞数

分类专栏： android

android 专栏收录该内容

84 篇文章 0 订阅

订阅专栏

Android的GridView控件用于把一系列的空间组织成一个二维的网格显示出来应用的比较多的就是组合图片显示，基本用法如下：

首先写一个类继承BaseAdapter

package com.yarin.android.Examples_04_19;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;

public class ImageAdapter extends BaseAdapter
{
	// 定义Context
	private Context		mContext;
	// 定义整型数组 即图片源
	private Integer[]	mImageIds	= 
	{ 
			R.drawable.img1, 
			R.drawable.img2, 
			R.drawable.img3, 
			R.drawable.img4, 
			R.drawable.img5, 
			R.drawable.img6, 
			R.drawable.img7,
			R.drawable.img8, 
			R.drawable.img1, 
	};

	public ImageAdapter(Context c)
	{
		mContext = c;
	}

	// 获取图片的个数
	public int getCount()
	{
		return mImageIds.length;
	}

	// 获取图片在库中的位置
	public Object getItem(int position)
	{
		return position;
	}


	// 获取图片ID
	public long getItemId(int position)
	{
		return position;
	}


	public View getView(int position, View convertView, ViewGroup parent)
	{
		ImageView imageView;
		if (convertView == null)
		{
			// 给ImageView设置资源
			imageView = new ImageView(mContext);
			// 设置布局 图片120×120显示
			imageView.setLayoutParams(new GridView.LayoutParams(85, 85));
			// 设置显示比例类型
			imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
		}
		else
		{
			imageView = (ImageView) convertView;
		}

		imageView.setImageResource(mImageIds[position]);
		return imageView;
	}

}
 
随后在主activity中使用该gridview
package com.yarin.android.Examples_04_19;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.Toast;
import android.widget.AdapterView.OnItemClickListener;

public class Activity01 extends Activity
{
	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);

		//取得GridView对象
		GridView gridview = (GridView) findViewById(R.id.gridview);
		//添加元素给gridview
		gridview.setAdapter(new ImageAdapter(this));

		// 设置Gallery的背景
		gridview.setBackgroundResource(R.drawable.bg0);

		//事件监听
		gridview.setOnItemClickListener(new OnItemClickListener() {
			public void onItemClick(AdapterView<?> parent, View v, int position, long id)
			{
				Toast.makeText(Activity01.this, "你选择了" + (position + 1) + " 号图片", Toast.LENGTH_SHORT).show();
			}
		});
	}
}

main.xml如下：

<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/gridview"
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"
    android:numColumns="auto_fit"
    android:verticalSpacing="10dp"
    android:horizontalSpacing="10dp"
    android:columnWidth="90dp"
    android:stretchMode="columnWidth"
    android:gravity="center"
/>

转载地址：http://www.rom007.com/android-kai-fa-zhong-ru-he-shi-yong-gridview.html

Android GridView中GridAdapter 用法详解

说到Android GridView Listview一定会提到他的adapter，现整理如下：

main.xml布局里面：

<GridView  
    android:id="@+id/grid"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"  
    android:columnWidth="70dp"  
    android:numColumns="auto_fit"   
    android:verticalSpacing="10dp"   
    android:horizontalSpacing="10dp"  
    android:stretchMode="columnWidth"  
    android:gravity="center"  
    />

gridview_item.xml：

<?xml version="1.0" encoding="utf-8"?>  
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_height="wrap_content"   
    android:layout_width="wrap_content"  
    android:orientation="vertical"  
    android:gravity="center"  
    android:layout_gravity="center"  
    >  
    <LinearLayout   
        android:layout_height="wrap_content"   
        android:layout_width="wrap_content"  
        android:orientation="vertical"  
        android:gravity="center"  
        android:layout_gravity="center">  
        <ImageView   
            android:id="@+id/grid_icon"  
            android:layout_height="80dip"   
            android:layout_width="80dip"  
            android:gravity="center"  
            android:layout_gravity="center"   
            >  
        </ImageView>  
        <TextView   
            android:id="@+id/grid_name"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:singleLine="true"  
            android:gravity="center"  
            android:layout_gravity="center"  
            android:textSize="13px"  
            android:layout_marginTop="4dip"  
            >  
        </TextView>  
    </LinearLayout>   
</FrameLayout>

java 代码：

GridView grid = (GridView) findViewById(R.id.grid);  
grid.setAdapter(new GridAdapter(this, mNameList, mDrawableList));

GridAdapter.java类：

package com.android.test;  
  
import java.util.ArrayList;  
  
import android.content.Context;  
import android.graphics.drawable.Drawable;  
import android.view.Gravity;  
import android.view.LayoutInflater;  
import android.view.View;  
import android.view.ViewGroup;  
import android.widget.BaseAdapter;  
import android.widget.ImageView;  
import android.widget.LinearLayout;  
import android.widget.TextView;  
  
public class GridAdapter extends BaseAdapter {  
    private ArrayList<String> mNameList = new ArrayList<String>();  
    private ArrayList<Drawable> mDrawableList = new ArrayList<Drawable>();  
    private LayoutInflater mInflater;  
    private Context mContext;  
    LinearLayout.LayoutParams params;  
  
    public GridAdapter(Context context, ArrayList<String> nameList, ArrayList<Drawable> drawableList) {  
        mNameList = nameList;  
        mDrawableList = drawableList;  
        mContext = context;  
        mInflater = LayoutInflater.from(context);  
          
        params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);  
        params.gravity = Gravity.CENTER;  
    }  
  
    public int getCount() {  
        return mNameList.size();  
    }  
  
    public Object getItem(int position) {  
        return mNameList.get(position);  
    }  
  
    public long getItemId(int position) {  
        return position;  
    }  
  
    public View getView(int position, View convertView, ViewGroup parent) {  
        ItemViewTag viewTag;  
          
        if (convertView == null)  
        {  
            convertView = mInflater.inflate(R.layout.gridview_item, null);  
              
            // construct an item tag   
            viewTag = new ItemViewTag((ImageView) convertView.findViewById(R.id.grid_icon), (TextView) convertView.findViewById(R.id.grid_name));  
            convertView.setTag(viewTag);  
        } else  
        {  
            viewTag = (ItemViewTag) convertView.getTag();  
        }  
          
        // set name   
        viewTag.mName.setText(mNameList.get(position));  
          
        // set icon   
        viewTag.mIcon.setBackgroundDrawable(mDrawableList.get(position));  
        viewTag.mIcon.setLayoutParams(params);  
        return convertView;  
    }  
      
    class ItemViewTag  
    {  
        protected ImageView mIcon;  
        protected TextView mName;  
          
        /** 
         * The constructor to construct a navigation view tag 
         *  
         * @param name 
         *            the name view of the item 
         * @param size 
         *            the size view of the item 
         * @param icon 
         *            the icon view of the item 
         */  
        public ItemViewTag(ImageView icon, TextView name)  
        {  
            this.mName = name;  
            this.mIcon = icon;  
        }  
    }  
  
}

到此，adapter的使用就算结束，效果图如下：

android