好用漂亮的Android 表格框架2

以前寫了好用漂亮的Android表格框架不少同窗點讚了，多謝各位看官。在發佈幾天，github star 超過700。https://github.com/huangyanbin 有點受寵若驚。這兩天，我對SmartTable進行一些bug修復以及增長了新功能。支持二維數組展現，導入Excel表格，合併單元格等。功能更加實用。 附上相關其餘文章：

好用漂亮的Android 表格框架

好用漂亮的Android 表格框架3

展現二維數組

你只須要用ArrayTableData 代替TableData就能夠ArrayTableData也是繼承TableData,因此TableData方法均可以使用。設置想要展現的二維數組和列標題。

//造假數據 仿github貢獻圖
  String[] week = {"日","一","二","三","四","五","六"};
        Integer[][] infos = {{0,1,2,1,1,0,1,1,0,1,1,2,3}, {4,2,1,1,0,1,1,0,1,1,2,2,3},
                {2,2,0,1,2,4,1,0,1,3,0,1,1},{2,1,1,0,1,4,0,1,1,2,2,0,3},
                {0,1,2,4,1,0,1,4,0,1,1,2,2}, {1,0,1,3,2,2,0,1,2,1,1,0,4},
                {3,1,2,4,0,1,2,1,1,0,1,1,0}};
  ArrayTableData<Integer> tableData = ArrayTableData.create("日程表",week,infos,new IDrawFormat<Integer>(){
 @Override
            public int measureWidth(Column<Integer> column, TableConfig config) {
                //設置寬50dp
                return DensityUtils.dp2px(ArrayModeActivity.this,50);
            }

            @Override
            public int measureHeight(Column<Integer> column, int position, TableConfig config) {
             //設置高50dp
                return DensityUtils.dp2px(ArrayModeActivity.this,50);
            }
            @Override
            public void draw(Canvas c, Column<Integer> column, Integer integer, String value, Rect rect, int position, TableConfig config) {
                Paint paint = config.getPaint();
                int color;
                switch (integer){
                    case 1:
                        color =R.color.github_con_1;
                        break;
                    case 2:
                        color =R.color.github_con_2;
                        break;
                        ...
                        break;
                }
                //繪製正方形
                c.drawRect(rect.left+5,rect.top+5,rect.right-5,rect.bottom-5,paint); 
            }
        });
        //點擊事件
        tableData.setOnItemClickListener(new ArrayTableData.OnItemClickListener<Integer>() {
            @Override
            public void onClick(Column column, String value, Integer o, int col, int row) {
                Toast.makeText(ArrayModeActivity.this,"列:"+col+ " 行："+row + "數據："+value,Toast.LENGTH_SHORT).show();
            }
        });
        //設置表格數據
        table.setTableData(tableData);      
        
複製代碼

就是這麼簡單。IDrawFormat是格式化樣式的接口。其中我幾種提供圖片和文字多行格式化等。這裏直接實現接口，measureWidth，measureHeight方法用於指定Cell格子大小。二維數組裏面數據爲null也是能夠的。

你可能會說，我不想要列標題顯示出來，OK，你也能夠不用列標題。下面是選座的示例。

final ArrayTableData<Integer> tableData = ArrayTableData.create(table, "選座表", data, new ImageResDrawFormat<Integer>(size,size) {
            @Override
            protected Context getContext() {
                return SeatModeActivity.this;
            }

            @Override
            protected int getResourceID(Integer status, String value, int position) {
                if(status == null){return 0;}
                switch (status){
                    case 0:
                        return R.mipmap.seat;
                    case 1:
                        return R.mipmap.seat_selected;
                }
                return 0;
            }

複製代碼

展現Excel

展現Excel也是使用ArrayTableData就能夠。導入數據如今能夠經過POI,jxl。我這裏使用的jxl.下面是個示例：

public class ExcelAsyncTask extends AsyncTask<Integer,Void,String[][]>{

        @Override
        protected String[][] doInBackground(Integer... position) {

            try {
                int maxRow, maxColumn;
                cellRanges = null;
                InputStream is = getAssets().open(fileName);
                Workbook workbook = Workbook.getWorkbook(is);
                Sheet sheet = workbook.getSheet(position[0]);
                maxRow = sheet.getRows();
                maxColumn =  sheet.getColumns();
                String[][] data = new String[maxRow][];
                for (int i = 0; i < maxRow; i++) {
                    String[] rows = new String[maxColumn];
                    for(int j = 0;j < maxColumn;j++){
                        Cell cell = sheet.getCell(j, i);
                        if(cell !=null){
                            rows[j] = cell.getContents();
                        }else{
                            rows[j] = null;
                        }
                    }
                    data[i] = rows;
                }
                workbook.close();
                String[][] newData = new String[maxColumn][maxRow];
                for (int i = 0; i < data.length; i++) { //轉換一下
                    for (int j = 0; j < data[i].length; j++) {
                        newData[j][i] = data[i][j]; // 轉置核心
                    }
                }
                return newData;

            } catch (Exception e) {

            }

            return null;
        }

        @Override
        protected void onPostExecute(String[][] data) {
            if(data ==null || data.length==0) {
                data = new String[26][50]; //空白表格美觀
            }
            ArrayTableData<String> tableData = ArrayTableData.create(table, "Excel表", data, new TextDrawFormat<String>());
            tableData.setCellRangeAddresses(cellRanges);
            table.setTableData(tableData);

        }
    }
複製代碼

gif效果不是很清楚，貼張截圖

合併單元格

表格想要美觀，這個不可缺失，特別是導入Excel.在TableData.setCellRangeAddresses(CellRange[] cellRange)。CellRange是用於合併單元的 看看構造方法public CellRange(int firstRow , int lastRow, int firstCol, int lastCol)。和POI和jxl相似，設置須要合併單元格的位置，就能夠。

Range[] ranges = sheet.getMergedCells(); //從jxl讀取合併單元規則
                if(ranges !=null) {
                    cellRanges = new CellRange[ranges.length];
                    //依次轉換成CellRange
                    for (int i = 0;i < ranges.length;i++) {
                        Range range =ranges[i];
                        CellRange cellRange = new CellRange(range.getTopLeft().getRow(),
                                range.getBottomRight().getRow(),
                              range.getTopLeft().getColumn(),range.getBottomRight().getColumn());
                        cellRanges[i] = cellRange;
                    }
                }
複製代碼

如今支持導入Excel中基本屬性如：對齊，字體顏色，大小，批註，背景顏色。這些差很少夠用了。下面是一張各類複雜點的Excel截圖：

看下咱們的效果，很接近了，固然還有顏色誤差，換行，後續繼續優化：

對齊Align

普通模式下，列直接設置Align

column.setTextAlign(Paint.Align textAlign)
複製代碼

註解模式下

@SmartColumn(id =1,name="地區",align = Paint.Align.LEFT)
複製代碼

其餘更新

• 1.增長設置是否顯示錶格標題（表格標題支持上下左右方向）；
• 2.是否顯示列標題；
• 3.增長左上角空隙格式化；
• 4.表格放大X,Y序號不會跟隨字體放大；
• 5.修復縮放問題，提高穩定性。

上面示例都放在demo中，https://github.com/huangyanbin/smartTable,最後謝謝支持你們。