首页 > 代码库 > Android中使用ListView绘制自定义表格(3)
Android中使用ListView绘制自定义表格(3)
把自定义表格又改进了一下,可以支持行合并。表格分为简单和复杂两种模式
1、简单模式就是《Android中使用ListView绘制自定义表格(2)》描述的方式。不支持行合并
2、复杂模式支持行列合并
1、基于上回上传的代码,改动文件如下
package csdn.danielinbiti.custometableview.item; public class ItemCell { private String cellValue = http://www.mamicode.com/"";//单元格的值>
CustomeTableItem.javapackage csdn.danielinbiti.custometableview.item; import java.util.ArrayList; import java.util.HashMap; import csdn.danielinbiti.custometableview.R; import android.content.Context; import android.util.AttributeSet; import android.view.LayoutInflater; import android.view.View; import android.widget.EditText; import android.widget.LinearLayout; import android.widget.RelativeLayout; import android.widget.TextView; import android.widget.LinearLayout.LayoutParams; public class CustomeTableItem extends LinearLayout { private Context context = null; private boolean isRead = false;//是否只读 private ArrayList<View> viewList = new ArrayList();//行的表格列表 private HashMap<String,View> viewMap = new HashMap();//key为行列组合 private int[] headWidthArr = null;//表头的列宽设置 private String rowType = "0";//行的样式id private int rowHeight = 0; private boolean isSimple = true;//是否简单的行模式(没有行合并) public CustomeTableItem(Context context) { super(context); } public CustomeTableItem(Context context, AttributeSet attrs) { super(context, attrs); } public CustomeTableItem(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); } /* * rowType:行的样式,字符任意,相同样式的行不需要再创建了 * itemCells:单元格信息 * headWidthArr:每列宽度 * isRead:是否只读,如果是只读,则所有的输入都不生效 */ public void buildItem(Context context,String rowType,ArrayList<ItemCell> itemCells ,int[] headWidthArr,boolean isRead){ if(this.getTag()!=null && this.getTag() instanceof String && this.getTag().equals("2")){//设置成2为复杂的行合并 this.isSimple = false; } this.setOrientation(LinearLayout.VERTICAL);//第一层布局垂直 this.context = context; this.headWidthArr =headWidthArr.clone(); this.rowType = rowType; if(rowHeight==0){ rowHeight = Dp2Px(context,40); } if(isSimple){ this.addCell(itemCells); }else{ this.addCellR(itemCells); } } private void addCell(ArrayList<ItemCell> itemCells){ this.removeAllViews(); LinearLayout secondLayout = new LinearLayout(context); secondLayout.setOrientation(LinearLayout.HORIZONTAL); secondLayout.setLayoutParams(new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.WRAP_CONTENT)); this.addView(secondLayout); int cellIndex = 0; for(int i=0;i<itemCells.size();i++){ ItemCell itemCell = itemCells.get(i); int endIndex = cellIndex+itemCell.getCellSpan();//所占行数 int width = getCellWidth(cellIndex,endIndex);//行宽度 cellIndex = endIndex; if(itemCell.getCellType()==CellTypeEnum.STRING){ EditText view= (EditText)getInputView(); view.setText(itemCell.getCellValue()); view.setWidth(width); this.setEditView(view); secondLayout.addView(view); viewList.add(view); }else if(itemCell.getCellType()==CellTypeEnum.DIGIT){ EditText view= (EditText)getInputView(); view.setText(itemCell.getCellValue()); view.setWidth(width); this.setEditView(view); this.setOnKeyBorad(view); secondLayout.addView(view); viewList.add(view); }else if(itemCell.getCellType()==CellTypeEnum.LABEL){ TextView view = (TextView)getLabelView(); view.setText(itemCell.getCellValue()); view.setWidth(width); secondLayout.addView(view); viewList.add(view); } if(i!=itemCells.size()-1){//插入竖线 LinearLayout v_line = (LinearLayout)getVerticalLine(); v_line.setLayoutParams(new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT)); secondLayout.addView(v_line); } } } private void addCellR(ArrayList<ItemCell> itemCells){ this.removeAllViews(); RelativeLayout secondLayout = new RelativeLayout(context); //secondLayout.setOrientation(LinearLayout.HORIZONTAL); secondLayout.setLayoutParams(new RelativeLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.WRAP_CONTENT)); this.addView(secondLayout); //int cellIndex = 0; for(int i=0;i<itemCells.size();i++){ ItemCell itemCell = itemCells.get(i); int endIndex = itemCell.getColNum()+itemCell.getCellSpan();//所占行数 int width = getCellWidth(itemCell.getColNum(),endIndex);//行宽度 int height = getCellHeight(itemCell.getRowSpan()); int left = this.getCellLeft(itemCell.getColNum()); int top = this.getCellTop(itemCell.getRowNum()); RelativeLayout.LayoutParams rl = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT); rl.leftMargin = left; rl.topMargin = top; if(itemCell.getCellType()==CellTypeEnum.STRING){ EditText view= (EditText)getInputView(); view.setText(itemCell.getCellValue()); view.setWidth(width); view.setHeight(height); this.setEditView(view); secondLayout.addView(view,rl); viewMap.put(itemCell.getId()+"", view); }else if(itemCell.getCellType()==CellTypeEnum.DIGIT){ EditText view= (EditText)getInputView(); view.setText(itemCell.getCellValue()); view.setWidth(width); view.setHeight(height); this.setEditView(view); this.setOnKeyBorad(view); secondLayout.addView(view,rl); viewMap.put(itemCell.getId()+"", view); }else if(itemCell.getCellType()==CellTypeEnum.LABEL){ TextView view = (TextView)getLabelView(); view.setText(itemCell.getCellValue()); view.setWidth(width); view.setHeight(height); secondLayout.addView(view,rl); viewMap.put(itemCell.getId()+"", view); } // if(i!=itemCells.size()-1){//插入竖线 // LinearLayout v_line = (LinearLayout)getVerticalLine(); // v_line.setLayoutParams(new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT)); // secondLayout.addView(v_line); // } } } public void refreshData(ArrayList<ItemCell> itemCells){ if(this.isSimple){ this.refreshDataSimple(itemCells); }else{ this.refreshDataR(itemCells); } } private void refreshDataSimple(ArrayList<ItemCell> itemCells){ for(int i=0;i<itemCells.size();i++){ ItemCell itemCell = itemCells.get(i); if(itemCell.getCellType()==CellTypeEnum.LABEL){ TextView view = (TextView)viewList.get(i); view.setText(itemCell.getCellValue()); }else if(itemCell.getCellType()==CellTypeEnum.DIGIT){ EditText view= (EditText)viewList.get(i); view.setText(itemCell.getCellValue()); this.setEditView(view); this.setOnKeyBorad(view); }else if(itemCell.getCellType()==CellTypeEnum.STRING){ EditText view= (EditText)viewList.get(i); view.setText(itemCell.getCellValue()); this.setEditView(view); } } } private void refreshDataR(ArrayList<ItemCell> itemCells){ for(int i=0;i<itemCells.size();i++){ ItemCell itemCell = itemCells.get(i); if(itemCell.getCellType()==CellTypeEnum.LABEL){ TextView view = (TextView)viewMap.get(itemCell.getId()+""); view.setText(itemCell.getCellValue()); }else if(itemCell.getCellType()==CellTypeEnum.DIGIT){ EditText view= (EditText)viewMap.get(itemCell.getId()+"");; view.setText(itemCell.getCellValue()); this.setEditView(view); this.setOnKeyBorad(view); }else if(itemCell.getCellType()==CellTypeEnum.STRING){ EditText view= (EditText)viewMap.get(itemCell.getId()+"");; view.setText(itemCell.getCellValue()); this.setEditView(view); } } } private View getVerticalLine(){ return LayoutInflater.from(context).inflate(R.layout.atom_line_v_view, null); } private int getCellWidth(int cellStart,int cellEnd){ int width = 0; for(int i=cellStart;i<cellEnd;i++){ width = this.headWidthArr[i] + width; } return width; } private int getCellLeft(int cellIndex){//从0开始编号 int left = 0; for(int i=0;i<cellIndex;i++){ left = this.headWidthArr[i] + left; } return left; } private int getCellTop(int rowNum){ //rowNum从0开始 return rowNum*this.rowHeight; } private int Dp2Px(Context context, float dp) { final float scale = context.getResources().getDisplayMetrics().density; return (int) (dp * scale + 0.5f); } private int getCellHeight(int rowSpan){ return rowSpan * this.rowHeight; } private View getLabelView(){ return (View)LayoutInflater.from(context).inflate(R.layout.atom_text_view, null); } private View getInputView(){ return (View)LayoutInflater.from(context).inflate(R.layout.atom_edttxt_view, null); } private void setEditView(EditText edtText1){ if(this.isRead){ edtText1.setEnabled(false); }else{ } } private void setOnKeyBorad(EditText edtText1){ //数字键盘 if(!this.isRead){//非只读 } } public String getRowType() { return rowType; } }
2、简单模式和复杂模式可以通过布局文件配置。不进行设置默认是简单模式<?xml version="1.0" encoding="utf-8"?> <csdn.danielinbiti.custometableview.item.CustomeTableItem android:id="@+id/custome_item" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:tag="1" android:gravity="center_vertical" />
android:tag="2"为复杂模式,不进行配置为简单模式3、测试数据格式
private void testAddContentRows(HashMap contentMap){ HashMap rowMap1 = new HashMap(); lists.add(rowMap1); this.testAddRows(rowMap1, 1, "r1-1-1(1)", CellTypeEnum.LABEL,0,0,1); this.testAddRows(rowMap1, 1, "r1-2-1(1)", CellTypeEnum.LABEL,1,0,1); this.testAddRows(rowMap1, 1, "r1-1-2(1)", CellTypeEnum.STRING,0,1,2); this.testAddRows(rowMap1, 2, "r1-1-3(2)", CellTypeEnum.STRING,0,2,2); this.testAddRows(rowMap1, 1, "r1-1-4(1)", CellTypeEnum.DIGIT,0,4,2);//注意这个列号的标识,必须是前面列号+跨行数 rowMap1.put("rowtype", "css1");//表样标示放在内容添加后再添加 HashMap rowMap2 = new HashMap(); lists.add(rowMap2); this.testAddRows(rowMap2, 1, "r2-1-1(1)", CellTypeEnum.LABEL,0,0,1); this.testAddRows(rowMap2, 1, "r2-2-1(1)", CellTypeEnum.LABEL,1,0,1); this.testAddRows(rowMap2, 1, "r2-1-2(2)", CellTypeEnum.STRING,0,1,2); this.testAddRows(rowMap2, 2, "r2-1-3(1)", CellTypeEnum.STRING,0,2,1); this.testAddRows(rowMap2, 2, "r2-2-3(1)", CellTypeEnum.STRING,1,2,1); this.testAddRows(rowMap2, 1, "r2-1-4(1)", CellTypeEnum.DIGIT,0,4,2); rowMap2.put("rowtype", "css2");//表样标示放在内容添加后再添加 HashMap rowMap3 = new HashMap(); lists.add(rowMap3); this.testAddRows(rowMap3, 1, "r3-1-1(1)", CellTypeEnum.LABEL,0,0,1); this.testAddRows(rowMap3, 1, "r3-2-1(1)", CellTypeEnum.LABEL,1,0,1); this.testAddRows(rowMap3, 1, "r3-2-1(1)", CellTypeEnum.LABEL,2,0,1); this.testAddRows(rowMap3, 1, "r3-1-2(2)", CellTypeEnum.STRING,0,1,3); this.testAddRows(rowMap3, 2, "r3-1-3(1)", CellTypeEnum.STRING,0,2,1); this.testAddRows(rowMap3, 2, "r3-2-3(1)", CellTypeEnum.STRING,1,2,1); this.testAddRows(rowMap3, 2, "r3-2-3(1)", CellTypeEnum.STRING,2,2,1); this.testAddRows(rowMap3, 1, "r3-1-4(1)", CellTypeEnum.DIGIT,0,4,3); rowMap3.put("rowtype", "css3");//表样标示放在内容添加后再添加 HashMap rowMap4 = new HashMap(); lists.add(rowMap4); this.testAddRows(rowMap4, 1, "r4-1-1(1)", CellTypeEnum.LABEL,0,0,1); this.testAddRows(rowMap4, 1, "r4-2-1(1)", CellTypeEnum.LABEL,1,0,1); this.testAddRows(rowMap4, 1, "r4-2-1(1)", CellTypeEnum.LABEL,2,0,1); this.testAddRows(rowMap4, 1, "r4-1-2(2)", CellTypeEnum.STRING,0,1,3); this.testAddRows(rowMap4, 2, "r4-1-3(1)", CellTypeEnum.STRING,0,2,1); this.testAddRows(rowMap4, 2, "r4-2-3(1)", CellTypeEnum.STRING,1,2,1); this.testAddRows(rowMap4, 2, "r4-2-3(1)", CellTypeEnum.STRING,2,2,1); this.testAddRows(rowMap4, 1, "r4-1-4(1)", CellTypeEnum.DIGIT,0,4,3); rowMap4.put("rowtype", "css3");//表样标示放在内容添加后再添加 }private void testAddRows(HashMap rowMap,int colSpan,String cellValue,CellTypeEnum cellType,int rowNum,int colNum,int rowSpan){ ItemCell itemCell = new ItemCell(cellValue,cellType,colSpan); itemCell.setPos(rowNum, colNum, rowSpan); rowMap.put(rowMap.size()+"", itemCell); }//this.testAddContent(contentMap);//简单模式,原来的代码,改行替换成下面代码就可以 this.testAddContentRows(contentMap);//复杂模式
基于listview方式的动态布局已经实现了行列合并模式,基本也就告一段落了,希望能够给后面的人提供帮助。至于一些样式的设置,这里没有具体提供,包括数字输入时的数字键盘,输入改变时数据获取等方式都没有提供,这些只能使用的人自己根据需要进行加减了。建议对于最好弄个简单的html之类的布局设计器,这样生成能够使用的数据相对比较好点,要不人工计算数据很容易出错。
源码参见自定义表格(2) ,改动的代码已经在上面都贴出来了。
Android中使用ListView绘制自定义表格(3)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。