GirdView 的应用与使用

近期做了一个图片显示效果的工具，里面牵扯到了GridView的应用。其实GridView和listView应用基本类似。只不过ListView是用于从上往下以每一个Item显示的而GridView则是水平排列自动换行的。两者的布局一类 以及每-个Item等均可以用BaseAdaper进行设置 而且个人感觉BaseAdaper的却很好用！建议大家要学会这种设计模式，好了以下是相关代码：

首先是整体的布局文件：<?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:columnWidth="90dp"

    android:numColumns="auto_fit"

    android:verticalSpacing="10dp"

    android:horizontalSpacing="10dp"

    android:stretchMode="columnWidth"

    android:gravity="center"

/>

然后是主函数代码：

package com.zzy.gridviw;

 

 

 

import android.app.Activity;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.AdapterView;

import android.widget.BaseAdapter;

import android.widget.GridView;

import android.widget.ImageView;

import android.widget.ListAdapter;

import android.widget.TextView;

import android.widget.Toast;

import android.widget.AdapterView.OnItemClickListener;

 

public class GridViewActivity 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)findViewById(R.id.gridview);

        gridView.setAdapter(new MyAdapter(this));

        gridView.setOnItemClickListener(new OnItemClickListener()

       {

 

           @Override

           public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3)

           {

              //View 定义的arg1就是每个Item的信息

              // TODO Auto-generated method stub

           Toast.makeText(GridViewActivity.this, ""+arg2,Toast.LENGTH_LONG).show(); 

           }

       });

       

    }

    public final class ViewHolder{

    //这个类的作用是用于对每个Item里的组件接受

       private ImageView imageView;

    

  

   }

 

 public   class MyAdapter extends BaseAdapter{

    //这是我事先准备好的图片 放在一个数组中

     private Integer[] argv={R.drawable.p1,R.drawable.p2,R.drawable.p3,R.drawable.p4,

            R.drawable.p5,R.drawable.p6};

    private LayoutInflater inflater;

   public MyAdapter(GridViewActivity gridViewActivity)

    {

       // TODO Auto-generated constructor stub

  

       this.inflater = LayoutInflater.from(gridViewActivity);

    }

 

    @Override

   public int getCount()

   {

       // TODO Auto-generated method stub

       //返回Item的个数

       return argv.length;

   }

 

   @Override

   public Object getItem(int position)

   {

       // TODO Auto-generated method stub

       return null;

   }

 

   @Override

   public long getItemId(int position)

   {

       // TODO Auto-generated method stub

       return 0;

   }

 

   @Override

   public View getView(int position, View convertView, ViewGroup parent)//convertView 起到一个桥梁的作用

   {

       // TODO Auto-generated method stub

       ViewHolder view=new ViewHolder();

       if(convertView==null)

       {

           //获取layout中每一个类似于Item的布局文件

        convertView=inflater.inflate(R.layout.picture_item, null);

        

       }

       view.imageView=(ImageView)convertView.findViewById(R.id.image);             //获取图片资源用以显示

       view.imageView.setImageResource(argv[position]);

      

      

      

       return convertView;

   }

  

   }

 

 

 

}

整体来讲主函数主要的部分在于BaseAdaper的应用  只要这个会使用，其余的很好写

接下来是Item的布局文件：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@+id/root"

    android:orientation="vertical"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:layout_marginTop="5dp"

> 

    <ImageView

        android:id="@+id/image"

        android:layout_width="100dp"

        android:layout_height="150dp"

        android:layout_gravity="center"

        android:scaleType="fitXY"

        android:padding="4dp"

    />

 

</LinearLayout>