玩转Android---UI篇---GridView（网格布局）

GridView按照行列的方式来显示内容，一般适合显示图标、图片等内容，主要用于设置Adapter

在这里主要是基础BaseAdapter类，重写其中的方法，主要是重写getView方法设置图片的显示格式

 

实例代码如下

GridViewTest.java

/*
 * @author hualang
 */
package org.hualang.grid;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;

public class GridViewTest extends Activity {
    /** Called when the activity is first created. */
	private GridView gv;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        //通过findViewById方法获得GridView对象
        gv=(GridView)findViewById(R.id.GridView01);
        //设置GridView的行数
        gv.setNumColumns(4);
        gv.setAdapter(new MyAdapter(this));
    }
    //自定义适配器
    class MyAdapter extends BaseAdapter
    {
    	//图片id数组
    	private Integer[] imgs={
    			R.drawable.img01,
    			R.drawable.img02,
    			R.drawable.img03,
    			R.drawable.img04,
    			R.drawable.img05,
    			R.drawable.img06,
    			R.drawable.img07,
    			R.drawable.img08,
    			
    			R.drawable.img01,
    			R.drawable.img02,
    			R.drawable.img03,
    			R.drawable.img04,
    			R.drawable.img05,
    			R.drawable.img06,
    			R.drawable.img07,
    			R.drawable.img08
    	};
    	//上下文对象
    	Context context;
    	//构造方法
    	MyAdapter(Context context)
    	{
    		this.context=context;
    	}
    	//获得数量
    	public int getCount()
    	{
    		return imgs.length;
    	}
    	//获得当前选项
    	public Object getItem(int item)
    	{
    		return item;
    	}
    	//获得当前选项id
    	public long getItemId(int id)
    	{
    		return id;
    	}
    	
    	//创建View方法
    	public View getView(int position,View convertView,ViewGroup parent)
    	{
    		ImageView imageView;
    		if(convertView==null)
    		{
    			//实例化ImageView对象
    			imageView=new ImageView(context);
    			//设置ImageView对象布局
    			imageView.setLayoutParams(new GridView.LayoutParams(45,45));
    			//设置边界对齐
    			imageView.setAdjustViewBounds(false);
    			//设置刻度类型
    			imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
    			//设置间距
    			imageView.setPadding(8,8,8,8);
    		}else
    		{
    			imageView=(ImageView)convertView;
    		}
    		//为ImageView设置图片资源
    		imageView.setImageResource(imgs[position]);
    		return imageView;
    	}
		
    }
}

 main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<GridView 
	android:id="@+id/GridView01" 
	android:layout_width="wrap_content" 
	android:layout_height="wrap_content"></GridView>
</LinearLayout>

 运行结果如下

评论

3 楼 gjhappyyy 2011-12-08  

//设置GridView的行数 
        gv.setNumColumns(4);

这个不对呀，这个方法是设置显示的列数，而不是行数

2 楼 hualang 2011-09-05  

ZZX19880809 写道

GridView.LayoutParams(45,45)是不是应该是ViewGroup.LayoutParams(45,45)？

GridView是ViewGroup的子类，可以使用

1 楼 ZZX19880809 2011-09-05  

GridView.LayoutParams(45,45)是不是应该是ViewGroup.LayoutParams(45,45)？