热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

Android中使用ListView绘制自定义表格技巧分享

使用ListView绘制自定义的表格有朋友尝试过没有,下面为大家分享下要实现下图的效果有几个方面,参照着这几点做了个简单的实现不是问题好了,话不多说看代码
先上一下可以实现的效果图
 
要实现的效果有几方面
1、列不固定:可以根据数据源的不同生成不同的列数
2、表格内容可以根据数据源的定义合并列
3、要填写的单元格可以选择自定义键盘还是系统键盘
奔着这三点,做了个简单的实现,把源码贴一下(因为该点是主界面中的一部分,不便于放整个Demo)
自定义适配器,CallBackInterface是自定义的回调接口,这里定义回调是因为数据输入时需要及时保存
代码如下:

public class SiteDetailViewAdapter extends BaseAdapter implements CallBackInterface{
private Context context;
private LayoutInflater inflater;
private ArrayList> lists;
private KeyBoard keyBoard = null;//自定义键盘
private ListView listView = null;
private boolean isReadOnly= false;//是否是浏览状态
private String[] arrCellType = null;
private int[] arrHeadWidth = null;//每列宽度

public SiteDetailViewAdapter(Context context, ArrayList> lists
,KeyBoard keyBoard,ListView listView,boolean isReadOnly
,int[] arrHeadWidth) {
super();
this.cOntext= context;
this.lists = lists;
inflater = LayoutInflater.from(context);
this.keyBoard = keyBoard;
this.listView = listView;
this.isReadOnly= isReadOnly;
this.arrHeadWidth = arrHeadWidth;
this.listView.setAdapter(this);
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return lists.size();
}
@Override
public Object getItem(int arg0) {
// TODO Auto-generated method stub
return arg0;
}
@Override
public long getItemId(int arg0) {
// TODO Auto-generated method stub
return arg0;
}
@Override
public View getView(int index, View view, ViewGroup arg2) {
HashMap map = lists.get(index);
String type = (String)map.get("rowtype");

ArrayList itemCells = new ArrayList();
//String cellValue,String cellKey,long cellType,int cellInRow,int cellSpan
ItemCell itemCellXuHao = new ItemCell((index+1)+"","-1",1,-1,1);
itemCells.add(itemCellXuHao);
for(int i=0;iItemCell itemCell = (ItemCell)map.get(i+"");
itemCells.add(itemCell);
}
//性能优化后需要放开注释danielinbiti
if(view == null||view!=null&&!((ListItemCustom)view.getTag()).getType().equals(type)){
view = inflater.inflate(R.layout.customel_list_item, null);
ListItemCustom itemCustom = (ListItemCustom)view.findViewById(R.id.custome_item);
itemCustom.buildItem(type, context, isReadOnly,arrHeadWidth,itemCells,index
,this.listView,this.keyBoard,this);
view.setTag(itemCustom);
}else{
ListItemCustom itemCustom = (ListItemCustom)view.getTag();
itemCustom.refreshData(itemCells,index);
}
if(index%2 == 0){
view.setBackgroundColor(Color.argb(250 , 255 , 255 , 255 ));
}else{
view.setBackgroundColor(Color.argb(250 , 224 , 243 , 250 ));
}
return view;
}
@Override
public boolean exectueMethod(Object params) {
String[] arr = (String[])params;
HashMap map = lists.get(Integer.parseInt(arr[0]));
ItemCell itemCell = (ItemCell)map.get(arr[1]);
itemCell.setCellValue(arr[2]);
itemCell.setIsChange(true);
return false;
}

ListView每行的布局,内部代码是有冗余的,因为是Demo,所以先以效果未准,未进行代码重构,注意不能往ListItemCustom中传入每行的Map来进行值得获取或者输入更新等操作,因为Map是按地址方式,再结合ListView的绘制方式,最终的map不是你想象的map。
代码如下:

public class ListItemCustom extends LinearLayout{
public ListItemCustom(Context context){
super(context);
}
public ListItemCustom(Context context, AttributeSet attrs) {
super(context, attrs);
}
private String type = "-1";
private Context cOntext= null;
private boolean isRead = false;
private int[] headWidthArr = null;
private ListView listView = null;
private KeyBoard keyBoard = null;
private int orderNum = -1;
private ArrayList viewList = new ArrayList();
private int rowNum = -1;
private CallBackInterface callBack = null;
public void buildItem(String type,Context context,boolean isRead,int[] headWidthArr
,ArrayList itemCells,int rowNum
,ListView listView,KeyBoard keyBoard,CallBackInterface callBack){
this.cOntext= context;
this.isRead = isRead;
this.headWidthArr = headWidthArr;
this.setOrientation(LinearLayout.VERTICAL);
this.rowNum = rowNum;
this.listView = listView;
this.keyBoard = keyBoard;
this.callBack = callBack;
this.type = type;
this.setLayoutParams(new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT,45));

this.addCell(itemCells);
}
public void refreshData(ArrayList itemCells,int rowNum){
this.rowNum = rowNum;
this.refreshCells(itemCells);
}
private void refreshCells(ArrayList itemCells){
for(int i=0;iItemCell itemCell = itemCells.get(i);
if(itemCell.getCellType()==ItemCellValueType.VALUE_NONE){
TextView view = (TextView)viewList.get(i);
view.setId(itemCell.getCellId());
view.setText(itemCell.getCellValue());
}else if(itemCell.getCellType()==ItemCellValueType.VALUE_NUMBER){
EditText view= (EditText)viewList.get(i);
view.setId(itemCell.getCellId());
view.setText(itemCell.getCellValue());
//view.setText(itemCell.getCellId()+"");
//view.setTag(itemCell.getCellKey()+"");
this.setEditView(view,itemCell.getCellKey());
this.setOnKeyBorad(view, itemCell.getCellInRow());
}else if(itemCell.getCellType()==ItemCellValueType.VALUE_STRING){
EditText view= (EditText)viewList.get(i);
view.setId(itemCell.getCellId());
view.setText(itemCell.getCellValue());
//view.setText(itemCell.getCellId()+"");
//view.setTag(itemCell.getCellKey()+"");
this.setEditView(view,itemCell.getCellKey());
}
}
}
private int getCellWidth(int cellStart,int cellEnd){
int width = 0;
for(int i=cellStart;iwidth = this.headWidthArr[i] + width;
}
return width;
}
private void addCell(ArrayList itemCells){
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;iItemCell itemCell = itemCells.get(i);
int endIndex = cellIndex+itemCell.getCellSpan();
int width = getCellWidth(cellIndex,endIndex);
cellIndex = endIndex;
if(itemCell.getCellType()==ItemCellValueType.VALUE_NONE){
TextView view = (TextView)getReadView();
view.setId(itemCell.getCellId());
view.setText(itemCell.getCellValue());
view.setWidth(width);
secondLayout.addView(view);
viewList.add(view);
}else if(itemCell.getCellType()==ItemCellValueType.VALUE_NUMBER){
EditText view= (EditText)getInputView();
view.setId(itemCell.getCellId());
view.setText(itemCell.getCellValue());
view.setWidth(width);
//view.setText(itemCell.getCellId()+"");
//view.setTag(itemCell.getCellKey()+"");
this.setEditView(view,itemCell.getCellKey());
this.setOnKeyBorad(view, itemCell.getCellInRow());
secondLayout.addView(view);
viewList.add(view);
}else if(itemCell.getCellType()==ItemCellValueType.VALUE_STRING){
EditText view= (EditText)getInputView();
view.setId(itemCell.getCellId());
view.setText(itemCell.getCellValue());
view.setWidth(width);
//view.setText(itemCell.getCellId()+"");
//view.setTag(itemCell.getCellKey()+"");
this.setEditView(view,itemCell.getCellKey());
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 View getVerticalLine(){
return LayoutInflater.from(context).inflate(R.layout.atom_line_v_view, null);
}
private View getReadView(){
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 setOnKeyBorad(EditText edtText1,int index){
if(!this.isRead){
onListenText(edtText1,this.listView,index);
}
}
private void onListenText(EditText edtText,ListView listView,int index){
final ListView lsv = listView;
final int idx = index;
edtText.setOnFocusChangeListener(new OnFocusChangeListener(){
@Override
public void onFocusChange(View arg0, boolean arg1) {
if(arg1){
int[] y = getYPos(lsv,idx);
keyBoard.show((EditText)arg0,y[0],y[1]);
}
}
});
}
private int[] getYPos(ListView listview,int index){
int[] yPosArr = new int[2];
Rect r = new Rect();
listview.getChildAt(0).getGlobalVisibleRect(r);
int first = listview.getFirstVisiblePosition();
yPosArr[1] = (index-first+1)*r.height()+listview.getTop();
yPosArr[0] = (index-first)*r.height()+listview.getTop();
return yPosArr;
}
private void setEditView(EditText edtText1,final String key){
if(this.isRead){
edtText1.setEnabled(false);
}else{
edtText1.addTextChangedListener(new TextWatcher() {
@Override
public void afterTextChanged(Editable arg0) {
String[] arr = new String[3];
arr[0] = rowNum+"";
arr[1] = key;
arr[2] = arg0.toString();
callBack.exectueMethod(arr);
// ItemCell itemCell = (ItemCell)dataMap.get(key);
// itemCell.setCellValue(arg0.toString());
// itemCell.setIsChange(true);
}

@Override
public void beforeTextChanged(CharSequence arg0, int arg1, int arg2,
int arg3) {

}

@Override
public void onTextChanged(CharSequence arg0, int arg1, int arg2,
int arg3) {

}
});
}
}
public String getType(){
return this.type;
}
}

代码如下:

public class ItemCell {
private String cellValue = "";
private int cellSpan = 1;
private String cellKey = "";
private int cellInRow = 0;
private long cellType = ItemCellValueType.VALUE_NONE;
private int colNum = 0;
private int rowType = 0;
private int cellId = -1;
private boolean isValueFromTable = false;

private boolean isChange = false;
public ItemCell(String cellValue,String cellKey,long cellType,int cellInRow,int cellSpan){
this.cellValue = cellValue;
this.cellType = cellType;
this.cellSpan = cellSpan;
this.cellKey = cellKey;
this.cellInRow = cellInRow;
}
public ItemCell(String cellValue,String cellKey,long cellType,int cellInRow){
this(cellValue,cellKey,cellType,cellInRow,1);
}
public void setColNum(int colNum){
this.colNum = colNum;
}
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 long getCellType(){
return cellType;
}
public int getCellSpan(){
return cellSpan;
}
public String getCellKey(){
return cellKey;
}
public int getCellInRow(){
return cellInRow;
}
public void setIsChange(boolean isChange){
this.isChange = isChange;
}
public boolean getIsChange(){
return this.isChange;
}
public int getCellId() {
return cellId;
}
public void setCellId(int cellId) {
this.cellId = cellId;
}
public boolean isValueFromTable() {
return isValueFromTable;
}
public void setValueFromTable(boolean isValueFromTable) {
this.isValueFromTable = isValueFromTable;
}
}

custome_list_item.xml文件
代码如下:


android:layout_
android:layout_
android:orientation="vertical"
android:id="@+id/test_dajej"
android:background="#ffffff">
android:layout_
android:layout_
/>


以上是核心的文件内容。有了列合并,行合并也不远了。可以在自定义的布局中多加个LinearLayout来实现行合并。
推荐阅读
  • Servlet过滤器入门:实现与配置
    本文介绍如何在Java Web应用中实现和配置Servlet过滤器,通过实现`javax.servlet.Filter`接口来创建过滤器,并详细说明其在web.xml文件中的配置方法。 ... [详细]
  • 本文介绍了一种根据目标检测结果,从原始XML文件中提取并分析特定类别的方法。通过解析XML文件,筛选出特定类别的图像和标注信息,并保存到新的文件夹中,以便进一步分析和处理。 ... [详细]
  • 本文将带您了解Cocos家族的不同版本和分支,特别是Cocos Creator的发展历程及其核心特性,帮助初学者快速入门。 ... [详细]
  • 本文针对初学者在创建Android项目时遇到的R.java文件错误提供了解决方案,通过实际案例和详细的日志分析,帮助读者快速定位并解决问题。 ... [详细]
  • 本文介绍了如何使用Java代码在Android设备上检测特定应用程序是否已安装。通过创建一个Intent并利用PackageManager查询该Intent的可用性来实现这一功能。 ... [详细]
  • TortoiseSVN与VisualSVN Server的安装及基本操作指南
    本文详细介绍了如何安装VisualSVN Server以及TortoiseSVN客户端,并提供了基本的操作步骤,包括配置仓库、用户管理及权限设置等关键环节。 ... [详细]
  • 本文探讨了天才与疯子之间的微妙界限,介绍了如何利用巨人的工具提升自我,以及如何通过科学决策、数据洞察和智慧的尺度来指导我们的生活和工作。 ... [详细]
  • 深入理解小程序中的Picker组件
    Picker组件是一种从屏幕底部弹出的滚动选择器,支持多种选择模式,包括普通选择器、多列选择器、时间选择器、日期选择器和省市区选择器。本文将详细介绍Picker的各种属性及其应用场景。 ... [详细]
  • 在许多地理位置选择类的应用程序中,侧边栏是常见的用户界面元素,用于通过选择特定的字母快速定位和选择地点。本文将详细介绍如何在Android应用中创建一个具有波浪效果的自定义侧边栏,以提升用户体验。 ... [详细]
  • 深入解析Spring Boot自动配置机制
    本文旨在深入探讨Spring Boot的自动配置机制,特别是如何利用配置文件进行有效的设置。通过实例分析,如Http编码自动配置,我们将揭示配置项的具体作用及其背后的实现逻辑。 ... [详细]
  • 探讨在使用 Fast-Android-Networking 库时遇到的 addStringBody 方法无法正常工作的问题及其解决方案。 ... [详细]
  • 传送门A-Registration#include#definelllonglongusingnamespacestd;chars[15],t[15]; ... [详细]
  • 本题要求计算给定两个正整数a和b时,2的-a次方与2的-b次方之和,并将结果以最简分数形式表示。输入包括多组测试数据,每组数据包含两个在2到20范围内的整数。 ... [详细]
  • Android Studio 中 Gradle 使用的常见问题与解决方案
    本文探讨了在使用 Android Studio 进行开发时,遇到的与 Gradle 相关的问题,包括每次打开项目都需要下载 Gradle 和 Gradle 插件依赖包下载失败或卡顿等问题,并提供了详细的解决方法。 ... [详细]
  • 在本问题中,游戏的每一步状态均可以视为原始序列的一个子序列。通过定义一个动态规划函数 d(i, j),表示在最优策略下,先手玩家从原序列的第 i 个元素到第 j 个元素之间所能获得的最大分数。 ... [详细]
author-avatar
竹茹士弘宜来
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有