之前寫了好用漂亮的Android表格框架很多同學點讚了，多謝各位看官。在釋出幾天，github
star超過700。https://github.com/huangyanbin 有點受寵若驚。這兩天，我對SmartTable進行一些bug修復以及增加了新功能。支援二維陣列展示，匯入Excel表格，合併單元格等。功能更加實用。 附上相關其他文章：
展示二維陣列
你只需要用
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,最後謝謝支援大家。