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() {

            @Override
            public 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));
    }

    /**
     * 翻页点击事件
     */
    @Override
    public 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);
    }


    /**
     * 页码下拉框选择事件
     */
    @Override
    public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2,
            long arg3) {

        pageID = arg2;
        Log.e("onItemSelected:", "selected");
        toPage(pageID * TableRowCount, this.sql);
    }

    @Override
    public 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);  //重新添加适配器
    }

    /**
     * 数据项点击事件
     */
    @Override
    public 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;
    }





}