Gridview的簡單應用

Gridview的簡單應用

GridView 是 DataGrid的後繼控件，在.net framework 2 中，雖然還存在DataGrid，但是GridView已經走上了歷史的前臺，取代DataGrid的趨勢已是勢不可擋。GridView和DataGrid功能相似，都是在web頁面中顯示數據源中的數據，將數據源中的一行數據，也就是一條記錄，顯示爲在web頁面上輸出表格中的一行。

先在佈局文件中添加控件

<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/gridId"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:horizontalSpacing="1dp"
        android:verticalSpacing="1dp"
        android:numColumns="2"
        android:background="#ffffffff"/>

</RelativeLayout>

然後新建一個xml文件，用來自定義item的樣式

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    android:gravity="center"
    android:textColor="#ffffffff"
    android:background="@drawable/textview_background_01" >
</TextView>

上文中引用到了textview_background_01，這是一個背景顏色的變化選擇器，在點擊時背景顏色會發生變化，selector的寫法如下

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@android:color/holo_green_light" android:state_pressed="true"/>
    <item android:drawable="@android:color/holo_green_dark" android:state_pressed="false"/>
</selector>

接下來開始編寫activity文件

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.GridView;
import android.widget.TextView;

public class MainActivity extends Activity {

    private List<GridItem> list=new ArrayList<GridItem>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //1.加載數據
        loadDatas();
        //2.初始化GridView
        setGridView();
    }
    /**初始化每個Item的數據，並將多個item數據添加到list集合*/
    private void loadDatas(){
        list.add(new GridItem("A", R.drawable.png_01));
        list.add(new GridItem("B", R.drawable.png_02));
        list.add(new GridItem("C", R.drawable.png_03));
        list.add(new GridItem("D", R.drawable.png_04));
    }
    /**初始化GridView*/
    private void setGridView() {//特殊的listview
        GridView gView=(GridView) findViewById(R.id.gridId);
        ArrayAdapter<GridItem> adapter= new GridAdapter(this, list);
        gView.setAdapter(adapter);
       // gView.setOnItemClickListener(listener);
    }
    class GridAdapter extends ArrayAdapter<GridItem>{
        public GridAdapter(Context context, List<GridItem> objects) {
            super(context,-1, objects);
        }
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            //1.item view
            TextView v = createViewFromResource(convertView);
            //2.item data
            GridItem item=getItem(position);
            //3.bind view
            bindView(v, item);
            return v;
        }
        private TextView createViewFromResource(View convertView) {
            TextView v=null;
            if(convertView==null){
            v=(TextView) View.inflate(getContext(),              R.layout.grid_item_01, null);
            }else{
            v=(TextView) convertView;
            }
            return v;
        }
        private void bindView(TextView v, GridItem item) {
            //3.1設置名字
            v.setText(item.getName());
            //3.2設置圖片
            //3.2.1 獲得圖片資源
            Drawable top=getResources().//res/drawable
            getDrawable(item.getLogo());
            //3.2.2設置圖片的邊界
            top.setBounds(0, 0, 100, 100);
            //3.2.3將圖片繪製到textview的頂端
            v.setCompoundDrawables(null, top, null, null);
        }

    }
    //下面是隨便定義的一個item內部類
    class GridItem{
        private String name;
        private int logo;
        public GridItem(String name,int logo) {
            this.name=name;
            this.logo=logo;
        }
        public String getName() {
            return name;
        }
        public int getLogo() {
            return logo;
        }
    }

}