当前位置：移动技术网 > IT编程>移动开发>Android > android 自定义表格

android 自定义表格

2018年09月19日 | 移动技术网IT编程 | 我要评论

暴走大事件第36期,无损探伤,点裳羽绒服

本文通过scrollview 嵌套 listview来实现滚动表格功能。
实现效果如下图：
这里写图片描述

如上图所示实现功能如下：
1、列表头和数据可以左右滑动，方便超出屏幕数据查看。
2、行表头和数据可以上下滑动，方便超出屏幕数据查看。
3、左右滑动时行表头固定，上下滑动时列表头固定。

实现代码如下：

package com.uuch.android_zxinglibrary.tableview;

/**
 * created by wangqiubo on 2018-02-05.
 */

import android.support.v7.app.appcompatactivity;
import android.os.bundle;
import android.view.layoutinflater;
import android.view.view;
import android.view.viewgroup;
import android.widget.baseadapter;
import android.widget.linearlayout;
import android.widget.textview;

import com.uuch.android_zxinglibrary.r;

import java.util.arraylist;
import java.util.list;

public class tableactivity extends appcompatactivity {

    private noscrolllistview mleft;
    private leftadapter mleftadapter;

    private noscrolllistview mdata;
    private dataadapter mdataadapter;

    private synchorizontalscrollview mheaderhorizontal;
    private synchorizontalscrollview mdatahorizontal;

    private list mlistdata;

    @override
    protected void oncreate(bundle savedinstancestate) {
        super.oncreate(savedinstancestate);
        setcontentview(r.layout.list_row_main_layout);

        initview();
    }

    private void initview(){
        mleft = (noscrolllistview) findviewbyid(r.id.lv_left);
        mdata = (noscrolllistview) findviewbyid(r.id.lv_data);
        mdatahorizontal = (synchorizontalscrollview) findviewbyid(r.id.data_horizontal);
        mheaderhorizontal = (synchorizontalscrollview) findviewbyid(r.id.header_horizontal);

        mdatahorizontal.setscrollview(mheaderhorizontal);
        mheaderhorizontal.setscrollview(mdatahorizontal);

        mlistdata = new arraylist<>();
        mlistdata.add("1");
        mlistdata.add("2");
        mlistdata.add("3");
        mlistdata.add("4");
        mlistdata.add("5");
        mlistdata.add("6");
        mlistdata.add("7");
        mlistdata.add("8");
        mlistdata.add("9");
        mlistdata.add("10");
        mlistdata.add("11");
        mlistdata.add("12");
        mlistdata.add("13");

        mleftadapter= new leftadapter();
        mleft.setadapter(mleftadapter);

        mdataadapter = new dataadapter();
        mdata.setadapter(mdataadapter);
    }

    class leftadapter extends baseadapter {

        @override
        public int getcount() {
            return mlistdata.size();
        }

        @override
        public object getitem(int position) {
            return mlistdata.get(position);
        }

        @override
        public long getitemid(int position) {
            return position;
        }

        @override
        public view getview(int position, view convertview, viewgroup parent) {
            viewholder holder = null;
            if (convertview == null) {
                holder = new viewholder();
                convertview = layoutinflater.from(tableactivity.this).inflate(r.layout.table_column_left_layout, null);
                holder.tvleft = (textview) convertview.findviewbyid(r.id.tv_left);
                convertview.settag(holder);
            } else {
                holder = (viewholder) convertview.gettag();
            }

            holder.tvleft.settext("第" + position + "行");

            return convertview;
        }

        class viewholder {
            textview tvleft;
        }
    }

    class dataadapter extends baseadapter {

        @override
        public int getcount() {
            return mlistdata.size();
        }

        @override
        public object getitem(int position) {
            return mlistdata.get(position);
        }

        @override
        public long getitemid(int position) {
            return position;
        }

        @override
        public view getview(int position, view convertview, viewgroup parent) {
            viewholder holder = null;
            if(convertview == null){
                holder = new viewholder();
                convertview = layoutinflater.from(tableactivity.this).inflate(r.layout.achievement_row_layout, null);
                holder.tvdata = (textview) convertview.findviewbyid(r.id.tv_data);
                holder.lincontent = (linearlayout) convertview.findviewbyid(r.id.lin_content);
                convertview.settag(holder);
            }else{
                holder = (viewholder) convertview.gettag();
            }

            return convertview;
        }

        class viewholder {
            textview tvdata;
            linearlayout lincontent;
        }
    }
}

list_row_main_layout.xml

对以上代码进行讲解如下：
1、noscrolllistview的定义。

package com.uuch.android_zxinglibrary.tableview;



import android.content.context;
import android.util.attributeset;
import android.widget.listview;

/**
 * created by wangqiubo on 2018-02-05.
 */

public class noscrolllistview extends listview {

    public noscrolllistview(context context) {
        super(context);
    }

    public noscrolllistview(context context, attributeset attrs) {
        super(context, attrs);
    }

    public noscrolllistview(context context, attributeset attrs, int defstyleattr) {
        super(context, attrs, defstyleattr);
    }

    /*
     *scrollview 中嵌套 listview 会发现有冲突，冲突问题就是无论怎么设置 listview 只显示一行
     * 究其原因就是因为listview的父容器测量模式为unspecified的时候，listview的高度默认为一个item的高度
     * 那么解决冲突，就需要重新设定listview的测量模式，因此，以下重写就是重写设置listview的测量模式为 most
     * unspecified 的值是0向左进位30，就是10 00000000000…(10后跟30个0)
     * exactly 的值是1向左进位30，就是01 00000000000…(01后跟30个0)
     * at_most 的值是2向左进位30，就是10 00000000000…(10后跟30个0)
    **/
    @override
    protected void onmeasure(int widthmeasurespec, int heightmeasurespec) {
        int expandspec = measurespec.makemeasurespec(integer.max_value >> 2, measurespec.at_most);
        super.onmeasure(widthmeasurespec, expandspec);
    }
}

当scrollview 中嵌套 listview 的时候，怎样解决 scrollview、listview 不会同时滚动呢？另外如果scrollview 中嵌套了 listview ，一般listview 只会显示一行。根据上面noscrolllistview 的定义，实现思想就是让listview不能滚动，实现不滚动的原理就是把所有数据都在listview 展示出来。因此通过设置 at_most 模式，让所有子项都显示出来，那么listview就不再滚动，这样只有scrollview 可以滚动了。

2、synchorizontalscrollview，水平滚动定义。

package com.uuch.android_zxinglibrary.tableview;


import android.content.context;
import android.util.attributeset;
import android.view.view;
import android.widget.horizontalscrollview;

/**
 /**
 * created by wangqiubo on 2018-02-05.
 */


public class synchorizontalscrollview extends horizontalscrollview {
    private view mview;

    public synchorizontalscrollview(context context) {
        super(context);
    }

    public synchorizontalscrollview(context context, attributeset attrs) {
        super(context, attrs);
    }

    public synchorizontalscrollview(context context, attributeset attrs, int defstyleattr) {
        super(context, attrs, defstyleattr);
    }

    protected void onscrollchanged(int l, int t, int oldl, int oldt) {
        super.onscrollchanged(l, t, oldl, oldt);
        if (mview != null) {
            mview.scrollto(l, t);
        }
    }

    public void setscrollview(view view) {
        mview = view;
    }
}

以上自定义水平滚动效果就是，当horizontalscrollview 滚动的时候，那么设置进来的mview 同步滚动，请查看 tableactivity 中的代码：

        mdatahorizontal = (synchorizontalscrollview) findviewbyid(r.id.data_horizontal);
        mheaderhorizontal = (synchorizontalscrollview) findviewbyid(r.id.header_horizontal);

        mdatahorizontal.setscrollview(mheaderhorizontal);
        mheaderhorizontal.setscrollview(mdatahorizontal);

mdatahorizontal 为行数据，mheaderhorizontal 为列表头，mdatahorizontal 中的同步滚动mview = mheaderhorizontal；mheaderhorizontal中的同步滚动控件mview = mdatahorizontal 。因此，就实现了行数据和列表头可以同时左右滚动。

以上自定义的滑动表格存在问题如下：
noscrolllistview是通过设置 at_most 模式来解决 scrollview 中嵌套 listview 的滑动冲突问题。at_most 就是尺寸根据子节点的实际大小来确定最终大小，因此需要不停的来结算子节点的尺寸，如果涉及到大数据，就涉及到性能性问题。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！点击进行留言回复

Android制作登录页面并且记住账号密码功能的实现代码

一、页面搭建<?xml version="1.0" encoding="utf-8"?><android.support.co... [阅读全文]
Android studio开发小型对话机器人app(实例代码)

前言偶然在网上看到一个免费机器人接口，所以生此想法，接口地址：，android开发比爬虫要繁琐得多，所以本文我将细说接口的调用方法，读者可根据思路去网上找一些免... [阅读全文]
Android通过Java sdk的方式接入OpenCv的方法

简述公司最近要做运动检测和眼球追踪，鉴于资费等因素，最后考虑使用opencv的相关api来来满足业务需求。在使用过程中发现opencv的v4.2.0和v4.1.... [阅读全文]
Android 通过cmake的方式接入opencv的方法步骤

简述我们通过java sdk的方式已经将opencv接入到项目中了，如果想使用opencv sdk 提供的 c++ 头文件与 .so动态库,自己封装jni这样... [阅读全文]
Android开发学习实现简单计算器

这里是用线性布局实现的计算器，为防止以后再回顾知识代码找不到，特将代码贴在这里：xml文件的布局代码：<?xml version="1.0" en... [阅读全文]
Android Studio finish()方法的使用与解决app点击“返回”(直接退出)

在这里，我们将用到finish(),简单介绍一下它的使用:finish()官方解析:call this when your activity is done a... [阅读全文]
Flutter 实现虎牙/斗鱼弹幕功能

用flutter实现弹幕功能，轻松实现虎牙、斗鱼的弹幕效果。先来一张效果图：实现原理弹幕的实现原理非常简单，即将一条弹幕从左侧平移到右侧，当然我们要计算弹幕垂直... [阅读全文]
Flutter 插件url_launcher简介

url_launcher是用于在移动平台中启动url的flutter插件，适用于ios和android平台。他可以打开网页，发送邮件，还可以拨打电话。githu... [阅读全文]
Android 进度条 ProgressBar的实现代码(隐藏、出现、加载进度)

初识进度条progressbar软件：android studio实现：1.点击按钮，进度条隐藏；再次点击，进度条出现。循环2.点击按钮，水平进度条进度呈现并+... [阅读全文]
Flutter 实现网易云音乐字幕的代码

没有接触过音乐字幕方面知识的话，会对字幕的实现比较迷茫，什么时候转到下一句？看了这篇文章，你就会明白字幕so easy。先来一张效果图：字幕格式目前市面上有很多... [阅读全文]

网友评论


验证码：

android 自定义表格

2018年09月19日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论