Android之自制的分页表格控件

            网页上经常有分页表格的出现，同样的在Android上也可以实现。Android本身并没有直接提供表格这个控件，一般可以用GridView来实现比较简单，但是每个数据显示的长宽会一样。当然，也可以用ListView来实现，这个灵活定义每个数据显示的长宽。还有一种，是采用布局TableLayout来实现等等。这里用GridView，来实现一个。下载路径：http://download.csdn.net/source/3275713

            它有几个特点：

             1、实现分页；

             2、简便的翻页按钮设置；

             3、点击顶部字段名称会改变排序方式；

             4、使用方便，只需几个参数。

           （一）截图：

                  

 

                   

                

                  

           （二）关键部分：

             1、视图架构：

             该分页视图控件，由三部分组成：顶部：字段视图：gv_titles，主体：数据视图：gv_body，底部：分页按钮视图：bottomlayout。      

            2、SQl分页查询语句：

            //查询语句sql += " Limit " + TableRowCount + " Offset " + stratIndex;

           3、排序方式的改变

           String sql = "select * from (" + SimpleTable.this.sql + " Limit " + TableRowCount + " Offset " + pageID * TableRowCount + ") tempTable order by " +items[arg2][0] ;if(isDesc[arg2]) {sql += " asc ";isDesc[arg2] = false;}else {sql += " desc ";isDesc[arg2] = true;}Log.e("sql", sql);toPage(0, sql);}});

              

           （三）代码：

             1、数据项布局文件：items.xml

             <?xml version="1.0" encoding="utf-8"?><LinearLayout android:id="@+id/LinearLayout01"xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent" android:background="#555555"android:layout_height="wrap_content"><TextView android:layout_below="@+id/ItemImage" android:text="TextView01"android:id="@+id/ItemText" android:bufferType="normal"android:singleLine="true" android:background="#000000"android:layout_width="fill_parent" android:gravity="center"android:layout_margin="1dip" android:layout_gravity="center"android:layout_height="wrap_content"></TextView></LinearLayout>

             2、Activity类：PaginatingTable

             package com.myandroid.test;import java.util.HashMap;import java.util.Map;import android.app.Activity;import android.os.Bundle;import android.view.ViewGroup;import android.view.ViewGroup.LayoutParams;import android.widget.LinearLayout;public class PaginatingTable extends Activity {private LinearLayout linearLayout;private SimpleTable simpleTable; private String[][] items; private String sql; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); linearLayout = (LinearLayout)findViewById(R.id.linearLayout); //要查询的字段和对应显示的名称 items = new String[][]{ {"id", "序列"}, {"name", "姓名"}, {"time", "登陆时间"}, }; //插入一些数据测试用 SQLiteUtility.insertSomething(this); //查询语句 String sql = "select * from myTable"; //创建分页表格视图，只需要传入几个参数 SimpleTable simpleTable = new SimpleTable(this, items, sql, 7); linearLayout.addView(simpleTable);// addContentView(simpleTable, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT, // ViewGroup.LayoutParams.WRAP_CONTENT)); }}

             3、分页表格类：SimpleTable

               package com.myandroid.test;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.content.Context;import android.database.Cursor;import android.graphics.Color;import android.graphics.Shader.TileMode;import android.graphics.Typeface;import android.util.Log;import android.view.Gravity;import android.view.View;import android.view.ViewGroup.LayoutParams;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.AdapterView.OnItemSelectedListener;import android.widget.ArrayAdapter;import android.widget.Button;import android.widget.GridView;import android.widget.LinearLayout;import android.widget.SimpleAdapter;import android.widget.Spinner;import android.widget.TextView;import android.widget.Toast;import android.view.View.OnClickListener;public class SimpleTable extends LinearLayout implements OnClickListener, OnItemSelectedListener,OnItemClickListener{private Context context;//上下文private GridView gv_titles;//字段视图private GridView gv_body;//数据视图private LinearLayout bottomLayout;//视图底部布局private Button bt_next, bt_pre, bt_first, bt_last;//按钮：下一页、上一页、首页、尾页private TextView tv_page, tv_count;private Spinner sp_page;//页码下拉框private String[][] items;//[字段][显示的名称]private String sql;//查询语句private SimpleAdapter titlesAdatper;//字段视图适配器private SimpleAdapter datasAdatper;//数据视图适配去private int TableRowCount;//每页显示条数private int pageID;//当前页码private int TotalCount;//总记录条数private int pageCount;//总页数private String TableName;//表名和查询条件private String[] fields;//字段名称private boolean[] isDesc;//排序方式标记：false-递增排序，true-递减排序private ArrayList<HashMap<String, String>> dataList;//数据集合 public SimpleTable(Context context) {super(context);this.context = context;} /** * 表格视图 * @param context 上下文 * @param items 字段名和对应显示名称 * @param sql SQl查询语句 * @param displayNum每页的最大记录数 */ public SimpleTable(Context context, String[][] items, String sql, int TableRowCount) { super(context); this.context = context; this.items = items; this.sql = sql.replace(";", ""); this.TableRowCount = TableRowCount; //排序方式标记：false-递增排序，true-递减排序 isDesc = new boolean[items.length]; //当前页码 pageID = 0; //表名称和查询条件 TableName = sql.toLowerCase().substring(sql.toLowerCase().indexOf(" from ")+5, sql.length()).trim(); //记录总数 TotalCount = SQLiteUtility.getCount(context, "select count(*) from " + TableName); //总页码 pageCount = TotalCount%TableRowCount==0? TotalCount/TableRowCount-1 : TotalCount/TableRowCount; //字段名称 fields = new String[items.length]; for (int i = 0; i < items.length; i++) { fields[i] = items[i][0];} setField();//字段视图 setBody();//数据视图 setBottomLayout();//底部视图 setOrientation(LinearLayout.VERTICAL); addView(gv_titles);//添加视图 addView(gv_body); addView(bottomLayout); } /** * 设置字段视图 */ private void setField() { gv_titles = new GridView(context); gv_titles.setNumColumns(items.length); //字段标题 ArrayList<HashMap<String, String>> titles = new ArrayList<HashMap<String, String>>(); for(int i = 0; i < items.length; i++) { HashMap<String, String> map = new HashMap<String, String>(); map.put("title", items[i][1]); titles.add(map); } titlesAdatper = new SimpleAdapter(context, titles, R.layout.items, new String[]{"title"}, new int[] {R.id.ItemText}); gv_titles.setAdapter(titlesAdatper); //点击字段标题，改变排序方式 gv_titles.setOnItemClickListener(new OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> arg0, View arg1, int arg2,long arg3) {String sql = "select * from (" + SimpleTable.this.sql + " Limit " + TableRowCount + " Offset " + pageID * TableRowCount + ") tempTable order by " +items[arg2][0] ;if(isDesc[arg2]) {sql += " asc ";isDesc[arg2] = false;}else {sql += " desc ";isDesc[arg2] = true;}Log.e("sql", sql);toPage(0, sql);}}); } /** * 设置表格数据视图 */ private void setBody() { gv_body = new GridView(context); gv_body.setNumColumns(items.length); toPage(0, this.sql);//转到第一页 gv_body.setOnItemClickListener(this);//点击数据事件 } /** * 设置底部翻页视图， * 由如下组成：首页、上一页、下一页、尾页、页码选择、当期页码提示 */ private void setBottomLayout() { //底部容器 bottomLayout = new LinearLayout(context); bottomLayout.setOrientation(LinearLayout.HORIZONTAL); bottomLayout.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT)); //翻页按钮 bt_pre = new Button(context);//上一页 bt_next = new Button(context);//下一页 bt_first = new Button(context);//首页 bt_last = new Button(context);//尾页 sp_page = new Spinner(context);//页码 tv_page = new TextView(context);//页码 //设置文本 bt_pre.setText("上一页"); bt_next.setText("下一页"); bt_first.setText("首页"); bt_last.setText("尾页"); tv_page.setText("页码:"); //设置页码下拉框选项 List<Integer> list = new ArrayList<Integer>(); for(int i = 0; i <= pageCount; i++) { list.add(i); } ArrayAdapter<Integer> pageAdapter = new ArrayAdapter<Integer>(context, android.R.layout.simple_spinner_item, list); sp_page.setAdapter(pageAdapter); //设置事件 sp_page.setOnItemSelectedListener(this);//设置下拉框事件 bt_first.setOnClickListener(this); bt_pre.setOnClickListener(this); bt_last.setOnClickListener(this); bt_next.setOnClickListener(this); //设置文本大小 bt_first.setTextSize(12); bt_pre.setTextSize(12); bt_last.setTextSize(12); bt_next.setTextSize(12); tv_page.setTextSize(12); //添加到底部容器 bottomLayout.addView(bt_first); bottomLayout.addView(bt_pre); bottomLayout.addView(bt_next); bottomLayout.addView(bt_last); bottomLayout.addView(tv_page); bottomLayout.addView(sp_page); } //设置显示大小 public void setSize(View v) { v.setLayoutParams(new android.view.ViewGroup.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); } /** * 翻页点击事件 */@Overridepublic void onClick(View v) {if(v == bt_first) {//第一页pageID = 0;}else if(v == bt_last) {//最后一页if(pageCount == 0) {return;}pageID = pageCount;}else if(v == bt_next) {//下一页if(pageID < pageCount) {++pageID;} else {return;}}else if(v == bt_pre) {//上一页if(pageID <= 0){return;}else {--pageID;}}sp_page.setSelection(pageID);}/** * 页码下拉框选择事件 */@Overridepublic void onItemSelected(AdapterView<?> arg0, View arg1, int arg2,long arg3) {pageID = arg2;Log.e("onItemSelected:", "selected");toPage(pageID * TableRowCount, this.sql);}@Overridepublic void onNothingSelected(AdapterView<?> arg0) {// TODO Auto-generated method stub}/** * 跳转页面 * @param stratIndex 开始页码 * @param sql 查询语句 */public void toPage(int stratIndex, String sql) {//查询语句sql += " Limit " + TableRowCount + " Offset " + stratIndex;//获取查询结果集合 dataList = SQLiteUtility.query2(context, sql, fields); //设置适配器 SimpleAdapter simpleAdapter = new SimpleAdapter(context, dataList, R.layout.items, new String[]{"item"}, new int[] {R.id.ItemText}); gv_body.setAdapter(simpleAdapter);//重新添加适配器}/** * 数据项点击事件 */@Overridepublic void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {Toast.makeText(context, ((HashMap<String, String>)dataList.get(arg2)).get("item"), Toast.LENGTH_SHORT).show();}}  

             4、SQLite操作类：SQLiteUtility

               package com.myandroid.test;import java.text.SimpleDateFormat;import java.util.ArrayList;import java.util.Date;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.ActivityGroup;import android.app.AlertDialog;import android.content.Context;import android.database.Cursor;import android.database.sqlite.SQLiteDatabase;import android.util.Log;import android.widget.Toast;import android.database.Cursor;import android.database.SQLException;import android.database.sqlite.SQLiteDatabase;public class SQLiteUtility{private static final int MODE_PRIVATE = 0x0;private static final String DATABASE = "myDB2";private static SQLiteDatabase db;/** * 插入一些数据 */public static void insertSomething(Context context) {Cursor cursor;int count = 0;String sql = "CREATE TABLE myTable (id int not null, " +"name text not null," + "time text not null );";SimpleDateFormat bartDateFormat =new SimpleDateFormat("yyyy-MM-dd-HH:mm");Date date = new Date();try { db = context.openOrCreateDatabase(DATABASE, MODE_PRIVATE, null); String sqlCheckExsit = "select count(*) as c from Sqlite_master where type ='table' and name ='myTable' "; cursor = db.rawQuery(sqlCheckExsit, null); if(cursor.moveToNext()){ count = cursor.getInt(0); if(count <= 0){ db.execSQL(sql); }else { db.execSQL("drop table myTable"); db.execSQL(sql); } } for(int i = 0; i <30; i++) {String insertSql = "insert into myTable ("+ "id, name, time) values('" + i + "', 'admin','"+ bartDateFormat.format(date) + "');";db.execSQL(insertSql); }Log.e("insertSql", "ok");}finally {db.close();}}/** * 查询 * @param context 上下文 * @param sql SQl查询语句 * @param fields 字段名集合 * @return查询结果集 List<String>类型 */public static List<String> query(Context context, String sql, String[] fields) {List<String> dataList = new ArrayList<String>();Cursor cursor;try {db = context.openOrCreateDatabase(DATABASE, MODE_PRIVATE, null);cursor = db.rawQuery(sql, null);if (cursor != null) {while (cursor.moveToNext()) {for (int i = 0; i < fields.length; i++) {String temp = cursor.getString(cursor.getColumnIndex(fields[i]));dataList.add(temp);}}}}catch(Exception e) {new AlertDialog.Builder(context).setIcon(android.R.drawable.ic_dialog_alert).setTitle("数据库连接错误：").setMessage("数据访问异常。").show();} finally {db.close();}return dataList;}/** * 数据记录总条数 * @param context 上下文 * @param sql SQL查询语句 * @return 记录条数 */public static int getCount(Context context, String sql) {int totalCounty = 0;try {db = context.openOrCreateDatabase(DATABASE, MODE_PRIVATE, null);Cursor cursor = db.rawQuery(sql, null);cursor.moveToFirst();totalCounty = cursor.getInt(0);} catch (Exception e) {new AlertDialog.Builder(context).setIcon(android.R.drawable.ic_dialog_alert).setTitle("数据库连接错误：").setMessage("数据访问异常。").show();} finally {db.close();}return totalCounty;}/** * 查询 * @param context 上下文 * @param sql SQl查询语句 * @param fields 字段名集合 * @return查询结果集 ArrayList<HashMap<String,String>>类型 */public static ArrayList<HashMap<String,String>> query2(Context context, String sql, String[] fields) {ArrayList<HashMap<String, String>> dataList = new ArrayList<HashMap<String, String>>();Cursor cursor;//游标try{db = context.openOrCreateDatabase(DATABASE, MODE_PRIVATE, null);//连接数据库cursor = db.rawQuery(sql, null);//获取数据集游标if (cursor != null) {while (cursor.moveToNext()) {//游标递增，访问数据集for (int i = 0; i < fields.length; i++) {String temp = cursor.getString(cursor//获取对应数据项.getColumnIndex(fields[i]));HashMap<String, String> map = new HashMap<String, String>();map.put("item", temp);dataList.add(map);}}}}catch(Exception e) {new AlertDialog.Builder(context).setIcon(android.R.drawable.ic_dialog_alert).setTitle("数据库连接错误：").setMessage("数据访问异常。").show();}finally {cursor = null;db.close();}return dataList;}}