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;
        }
    }

}