Android 利用ListView制作带竖线的多彩表格

/********************************************************************************************
 * author：conowen@大钟                                                                                                                          
 * E-mail：conowen@hotmail.com                                                                                                             
 * http://blog.youkuaiyun.com/conowen                                                                                                              
 * 注：本文为原创，仅作为学习交流使用，转载请标明作者及出处。     

 ********************************************************************************************/

1、listview与GridView

其实Android本身是有表格控件（GridView）的，但是GridView的每一列的宽度被限定为一样宽，有时设计表格时，列宽不可能为同一宽度，所有可以用ListView控件去实现表格。

2、设计思路：

listview的每一列都是由一个textview去实现，表格的竖线可以通过view控件来绘制。listview每一列的颜色相互不同可以通过复写Adapter的类，然后复写getview方法具体去实现。

 

3、先看一下效果图：

 

4、数据库操作部分可以看我之前的博文：http://blog.youkuaiyun.com/conowen/article/details/7306545

本文主要在于竖线的绘制与getview方法的复写。

代码的目录结构如下图所示：

 

 

竖线的绘制：

在ListView的布局文件中，每隔一个TextView，就增加一个<View>控件。就是绘制一条竖线的意思。可以设置表格竖线的长度，宽度，颜色等等。

 

颜色的交互：

首先要知道listview的工作原理，每次得到一个item，listview都会通过getview来绘制一个item，在getview方法中，可以设置这个item的各种属性，如颜色，布局等等。

?

public View getView( final int position, View convertView, ViewGroup parent){    //第一个参数position为listview的item序号，每个item的序号都是不同的。    //第二个参数convertView为View的缓存，当listview的item过多时，拖动会遮住一部分item，被遮住的item的view就是convertView保存着。    // 第三个参数parent表示是一个ViewGroup（view组）    }

5、详细代码：

?

/*author:conowen    * date:2012.4.2    * GridActivity    */   package com.conowen.grid;        import android.app.Activity;   import android.database.Cursor;   import android.database.sqlite.SQLiteDatabase;   import android.os.Bundle;   import android.widget.ListAdapter;   import android.widget.ListView;        public class GridActivity extends Activity {             SQLiteDatabase sqldb;        public String DB_NAME = "DB.sqlite" ;        public String DB_TABLE = "num" ;        public int DB_VERSION = 1 ;        final DataHelper helper = new DataHelper( this , DB_NAME, null , DB_VERSION);        // DbHelper类在DbHelper.java文件里面创建的        ListView lv;             @Override        public void onCreate(Bundle savedInstanceState) {            // TODO Auto-generated method stub            super .onCreate(savedInstanceState);            setContentView(R.layout.main);            sqldb = helper.getWritableDatabase();            lv = (ListView) findViewById(R.id.lv);            updatelistview();        }             // 更新listview        public void updatelistview() {                 //            Cursor cr = sqldb.query( "JobChecker" , null , null , null , null , null ,                    null );                 String id = cr.getColumnName( 0 ); // 获取第1列            String job = cr.getColumnName( 2 ); // 获取第3列            String address = cr.getColumnName( 4 ); // 获取第5列            String student = cr.getColumnName( 5 ); // 获取第6列            String[] ColumnNames = { id, job, address, student };                 ListAdapter adapter = new MySimpleCursorAdapter( this ,                    R.layout.listviewlayout, cr, ColumnNames, new int [] { R.id.id,                            R.id.job, R.id.addr, R.id.student });            // layout为listView的布局文件，包括三个TextView，用来显示三个列名所对应的值            // ColumnNames为数据库的表的列名            // 最后一个参数是int[]类型的，为view类型的id，用来显示ColumnNames列名所对应的值。view的类型为TextView            lv.setAdapter(adapter);             }             @Override        protected void onDestroy() { // 关闭数据库            // TODO Auto-generated method stub            super .onDestroy();            if (helper != null ) {                helper.close();            }        }        }

?

/*author:conowen    * date:2012.4.2    * MySimpleCursorAdapter    */   package com.conowen.grid;        import android.content.Context;   import android.database.Cursor;   import android.graphics.Color;   import android.view.View;   import android.view.ViewGroup;   import android.widget.SimpleCursorAdapter;        public class MySimpleCursorAdapter extends SimpleCursorAdapter {             public MySimpleCursorAdapter(Context context, int layout, Cursor c,                String[] from, int [] to) {            super (context, layout, c, from, to);            // TODO Auto-generated constructor stub             }             @Override        public View getView( final int position, View convertView, ViewGroup parent) {            // TODO Auto-generated method stub            // listview每次得到一个item，都要view去绘制，通过getView方法得到view            // position为item的序号            View view = null ;            if (convertView != null ) {                view = convertView;                // 使用缓存的view,节约内存                // 当listview的item过多时，拖动会遮住一部分item，被遮住的item的view就是convertView保存着。                // 当滚动条回到之前被遮住的item时，直接使用convertView，而不必再去new view()                 } else {                view = super .getView(position, convertView, parent);                 }                 int [] colors = { Color.WHITE, Color.rgb( 219 , 238 , 244 ) }; //RGB颜色                 view.setBackgroundColor(colors[position % 2 ]); // 每隔item之间颜色不同                 return super .getView(position, view, parent);        }        }

?

/*author:conowen    * date:2012.4.2    * DataHelper    */   package com.conowen.grid;        import android.content.Context;   import android.database.sqlite.SQLiteDatabase;   import android.database.sqlite.SQLiteDatabase.CursorFactory;   import android.database.sqlite.SQLiteOpenHelper;        public class DataHelper extends SQLiteOpenHelper {             @Override        public synchronized void close() {            // TODO Auto-generated method stub            super .close();        }             public DataHelper(Context context, String name, CursorFactory factory,                int version) {            super (context, name, factory, version);            // TODO Auto-generated constructor stub             }             @Override        public void onCreate(SQLiteDatabase db) {            // TODO Auto-generated method stub                 String sql = "CREATE  TABLE JobChecker (_id INTEGER PRIMARY KEY , department VARCHAR, job VARCHAR,teacher VARCHAR,address VARCHAR,student VARCHAR,isworking VARCHAR)" ;            db.execSQL(sql);             }             @Override        public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {            // TODO Auto-generated method stub             }        }

main.xml

<? xml version = "1.0" encoding = "utf-8" ?>   < LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"        android:layout_width = "fill_parent"        android:layout_height = "fill_parent"        android:orientation = "vertical" >             < LinearLayout            xmlns:android = "http://schemas.android.com/apk/res/android"            android:layout_width = "fill_parent"            android:layout_height = "wrap_content"            android:orientation = "horizontal" >                 < TextView                android:layout_width = "40dip"                android:layout_height = "30dp"                android:text = "序号"                android:textSize = "20sp" />                 < TextView                android:id = "@+id/job"                android:layout_width = "200dip"                android:layout_height = "30dp"                android:text = "岗位名称"                android:textSize = "20sp" />                 < TextView                android:id = "@+id/addr"                android:layout_width = "150dip"                android:layout_height = "30dp"                android:text = "详细地点"                android:textSize = "20sp" />                 < TextView                android:id = "@+id/student"                android:layout_width = "100dip"                android:layout_height = "30dp"                android:text = "工作学生"                android:textSize = "20sp" />                 < TextView                android:id = "@+id/isworking"                android:layout_width = "80dip"                android:layout_height = "30dp"                android:text = "备注"                android:textSize = "20sp" />        </ LinearLayout >             < ListView            android:id = "@+id/lv"            android:layout_width = "fill_parent"            android:layout_height = "wrap_content" >        </ ListView >        </ LinearLayout >

listviewlayout.xml

< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"        android:layout_width = "fill_parent"        android:layout_height = "fill_parent"        android:orientation = "horizontal" >             < View            android:layout_width = "0.5px"            android:layout_height = "fill_parent"            android:background = "#B8B8B8"            android:visibility = "visible" />             < TextView            android:id = "@+id/id"            android:layout_width = "40dip"            android:layout_height = "55dip"            android:textColor = "#CD3700"            android:textSize = "20sp" />             < View            android:layout_width = "0.5px"            android:layout_height = "fill_parent"            android:background = "#B8B8B8"            android:visibility = "visible" />             < TextView            android:id = "@+id/job"            android:layout_width = "200dip"            android:layout_height = "wrap_content"            android:textColor = "#000000"            android:textSize = "17sp" />             < View            android:layout_width = "0.5px"            android:layout_height = "fill_parent"            android:background = "#B8B8B8"            android:visibility = "visible" />             < TextView            android:id = "@+id/addr"            android:layout_width = "150dip"            android:layout_height = "wrap_content"            android:textColor = "#000000"            android:textSize = "17sp" />             < View            android:layout_width = "0.5px"            android:layout_height = "fill_parent"            android:background = "#B8B8B8"            android:visibility = "visible" />             < TextView            android:id = "@+id/student"            android:layout_width = "100dip"            android:layout_height = "wrap_content"            android:textColor = "#000000"            android:textSize = "20sp" />             < View            android:layout_width = "0.5px"            android:layout_height = "fill_parent"            android:background = "#B8B8B8"            android:visibility = "visible" />                       </ LinearLayout >