首页 > 代码库 > 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.java

package 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)