Android中使用ListView绘制自定义表格(3)
浏览数：22 /
时间：2015年06月11日
把自定义表格又改进了一下，可以支持行合并。表格分为简单和复杂两种模式
1、简单模式就是《Android中使用ListView绘制自定义表格(2)》描述的方式。不支持行合并
2、复杂模式支持行列合并
1、基于上回上传的代码，改动文件如下
package csdn.danielinbiti.custometableview.item;
public class ItemCell {
private String cellValue = "";//单元格的值
private int cellSpan = 1; //单元格跨列
private CellTypeEnum cellType = CellTypeEnum.LABEL; //单元格类型
private int colNum = 0; //单元格列号，从0开始
private int rowNum = 0;//从0开始，每个item都从0开始
private int rowSpan = 1;//单元格跨行
//private int rowType = 0; //行类型
private boolean isChange = false;//是否被编辑
public ItemCell(String cellValue,CellTypeEnum cellType,int cellSpan){
this.cellValue = cellValue;
this.cellType = cellType;
this.cellSpan = cellSpan;
}
public ItemCell(String cellValue, CellTypeEnum cellType){
this(cellValue,cellType,1);
}
public int getColNum(){
return this.colNum;
}
// public void setRowType(int rowType){
// this.rowType = rowType;
// }
// public int getRowType(){
// return this.rowType;
// }
public String getCellValue(){
return cellValue;
}
public void setCellValue(String value){
this.cellValue = value;
}
public CellTypeEnum getCellType(){
return cellType;
}
public int getCellSpan(){
return cellSpan;
}
public void setIsChange(boolean isChange){
this.isChange = isChange;
}
public boolean getIsChange(){
return this.isChange;
}
//设置行列位置,列根据前面列+rowspan数字累加后的值，rownum每行都从0开始
public void setPos(int rowNum,int colNum,int rowSpan){
this.rowNum = rowNum;
this.colNum = colNum;
this.rowSpan = rowSpan;
}
public int getRowNum() {
return rowNum;
}
public int getRowSpan() {
return rowSpan;
}
public int getId(){
return this.rowNum * 10000 + this.rowSpan;
}
}
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) ，改动的代码已经在上面都贴出来了。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
