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>

運行結果如下