Android 实现类似Excel表格，且表格能左右、上下滑动，可修改分割线颜色

最新推荐文章于 2024-05-24 16:17:42 发布
最新推荐文章于 2024-05-24 16:17:42 发布
阅读量651 收藏 4
点赞数
分类专栏： android ListView 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhu_nana/article/details/108151269
版权

参考https://www.cnblogs.com/begin1949/p/5910785.html

1、自定义实现一个水平滚动控件HorizontalScrollView


import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.widget.HorizontalScrollView;

/**
 * @author zpn
 * 实现两个HorizontalScrollView同步滚动
 */
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;
    }
}

2、自定义实现ListView让其能跟着ScrollView滚动


import android.content.Context;
import android.util.AttributeSet;
import android.widget.ListView;

/**
 * @author zpn
 * 自定义实现ListView让其能跟着ScrollView滚动
 */
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);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, expandSpec);
    }
}

3、ListView的每一项布局。首先item_left.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tv_left"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="第1行"/>
    </LinearLayout>
</LinearLayout>

item_data.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical">

    <LinearLayout
        android:id="@+id/lin_content"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/tv_data"
            android:layout_width="100dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="1"/>

        <View
            android:layout_width="1px"
            android:layout_height="50dp"
            android:background="#cccccc"/>

        <TextView
            android:layout_width="100dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="2"/>

        <View
            android:layout_width="1px"
            android:layout_height="50dp"
            android:background="#cccccc"/>

        <TextView
            android:layout_width="100dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="3"/>

        <View
            android:layout_width="1px"
            android:layout_height="50dp"
            android:background="#cccccc"/>

        <TextView
            android:layout_width="100dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="4"/>

        <View
            android:layout_width="1px"
            android:layout_height="50dp"
            android:background="#cccccc"/>

        <TextView
            android:layout_width="100dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="5"/>

        <View
            android:layout_width="1px"
            android:layout_height="50dp"
            android:background="#cccccc"/>
    </LinearLayout>
</LinearLayout>

4、activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:background="#ffffff"
              android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:orientation="horizontal">

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="50dp"
            android:layout_weight="1"
            android:orientation="vertical"></LinearLayout>

        <View
            android:layout_width="1px"
            android:layout_height="50dp"
            android:background="#cccccc"/>

        <LinearLayout
            android:id="@+id/lin_header_content"
            android:layout_width="0dp"
            android:layout_height="50dp"
            android:layout_weight="3"
            android:orientation="vertical">

            <com.exceldemo.SyncHorizontalScrollView
                android:id="@+id/header_horizontal"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:overScrollMode="never"
                android:scrollbars="none">

                <LinearLayout
                    android:id="@+id/lin_year_title"
                    android:layout_width="match_parent"
                    android:layout_height="50dp"
                    android:orientation="horizontal">

                    <TextView
                        android:id="@+id/tv_data"
                        android:layout_width="100dp"
                        android:layout_height="50dp"
                        android:layout_gravity="center"
                        android:gravity="center"
                        android:text="第1列数据"/>

                    <View
                        android:layout_width="1px"
                        android:layout_height="50dp"
                        android:background="#cccccc"/>

                    <TextView
                        android:layout_width="100dp"
                        android:layout_height="50dp"
                        android:layout_gravity="center"
                        android:gravity="center"
                        android:text="第2列数据"/>

                    <View
                        android:layout_width="1px"
                        android:layout_height="50dp"
                        android:background="#cccccc"/>

                    <TextView
                        android:layout_width="100dp"
                        android:layout_height="50dp"
                        android:layout_gravity="center"
                        android:gravity="center"
                        android:text="第3列数据"/>

                    <View
                        android:layout_width="1px"
                        android:layout_height="50dp"
                        android:background="#cccccc"/>

                    <TextView
                        android:layout_width="100dp"
                        android:layout_height="50dp"
                        android:layout_gravity="center"
                        android:gravity="center"
                        android:text="第4列数据"/>

                    <View
                        android:layout_width="1px"
                        android:layout_height="50dp"
                        android:background="#cccccc"/>

                    <TextView
                        android:layout_width="100dp"
                        android:layout_height="50dp"
                        android:layout_gravity="center"
                        android:gravity="center"
                        android:text="第5列数据"/>

                    <View
                        android:layout_width="1px"
                        android:layout_height="50dp"
                        android:background="#cccccc"/>
                </LinearLayout>
            </com.exceldemo.SyncHorizontalScrollView>
        </LinearLayout>
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#cccccc"/>

    <ScrollView
        android:id="@+id/scroll_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:overScrollMode="never"
        android:scrollbars="none">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_alignParentTop="true"
            android:orientation="horizontal">

            <com.exceldemo.NoscrollListView
                android:id="@+id/lv_left"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:overScrollMode="never"
                android:scrollbars="none"/>

            <View
                android:layout_width="1px"
                android:layout_height="match_parent"
                android:background="#cccccc"/>

            <LinearLayout
                android:id="@+id/lin_data_content"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="3"
                android:orientation="vertical">

                <com.exceldemo.SyncHorizontalScrollView
                    android:id="@+id/data_horizontal"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:overScrollMode="never"
                    android:scrollbars="none">

                    <com.exceldemo.NoscrollListView
                        android:id="@+id/lv_data"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:overScrollMode="never"
                        android:scrollbars="none"/>
                </com.exceldemo.SyncHorizontalScrollView>
            </LinearLayout>
        </LinearLayout>
    </ScrollView>
</LinearLayout>

5、MainActivity.java代码

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 java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    private NoscrollListView mLeft;
    private LeftAdapter mLeftAdapter;

    private NoscrollListView mData;
    private DataAdapter mDataAdapter;

    private SyncHorizontalScrollView mHeaderHorizontal;
    private SyncHorizontalScrollView mDataHorizontal;

    private List<String> mListData;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        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<>();
        for(int j=0;j<15;j++){
            mListData.add(String.valueOf(j+1));
        }

        mLeftAdapter= new LeftAdapter();
        mLeft.setAdapter(mLeftAdapter);
        mLeft.setDivider(getResources().getDrawable(R.drawable.table_v_divider));//修改分割线颜色
        mLeft.setDividerHeight(1);

        mDataAdapter = new DataAdapter();
        mData.setAdapter(mDataAdapter);
        mData.setDivider(getResources().getDrawable(R.drawable.table_v_divider));//修改分割线颜色
        mData.setDividerHeight(1);
    }

    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(MainActivity.this).inflate(R.layout.item_left, 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(MainActivity.this).inflate(R.layout.item_data, 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;
        }
    }
}

最后效果图，可上下、左右滑动

 

 

 

1°叁柒
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 自定义可上下左右滑动table
07-30
这是一款可以上下左右滑动的android控件，和前端的table tr、td、差不多，全部源码，可以自己重新定义
Android中仿简单的Excel表格
08-07
这个项目"Android中仿简单的Excel表格"旨在实现一种功能，即固定表头行和左侧三列，使得用户在滚动时能保持关键信息可见。下面我们将详细探讨实现这些功能的关键技术和步骤。 首先，我们要用到的主要组件是`...
android tablerow分割线,android布局中的divider(目前只知道TableLayout)
weixin_42134769的博客
05-26 904
目前在genymotion中设置了之后显示不出来行与行之间的分割线,但是在真机上面是没有问题的1.使用xml属性添加(3.0以上版本)设置LinearLayout标签的android:showDividers属性, 该属性有四个值 :none:不显示分隔线;beginning: 在LinearLayout开始处显示分隔线;middle: 在LinearLayout中每两个组件之间显示分隔线...
【Android】RecyclerView实现表格上下左右、横向纵向双向滑动效果
最新发布
full courage的博客
05-24 921
Android屏幕显示范围有限，在数据可视化需求中经常要使用这样的表格：横向纵向都能滑动，左侧栏目固定，右边可以整体上下左右滑动。例如股票、证券、课程表、值日表、Excel等等 主要就是分为 标题 和 内容 两部分，其中内容部分一般都是嵌套RecyclerView，使得标题和内容左右横向滑动时是一起滑动的，且不能错位。
android 表格xml,【Android】利用表格布局，Android中xml文件与java的交互制作登录界面...
weixin_35801437的博客
05-26 390
登录界面是图形编程、网页编程的一个经典而又基础的程序。在安卓中，如图所示一个基本登录界面： 点击取消按钮就关闭这个程序，点击登录按钮则显示用户输入的用户名与密码。一、基本布局这个程序利用到安卓中的表格布局。先打开res/values/strings.xml中定义几个字符串。之所以不直接把字符串直接写在activity_main.xml的组件中，是因为免得Eclipse出现警告。这个文件的代码如下：...
android实现上下左右滑动界面布局
08-25
Android 实现上下左右滑动界面布局 Android 实现上下左右滑动界面布局是 Android 开发中的一种常见需求，今天我们将详细介绍如何使用 ScrollView 和 HorizontalScrollView 实现上下左右滑动的界面布局。 首先，...
android中使用Activity实现监听手指上下左右滑动
09-03
在Android开发中，有时我们需要监听用户的触摸操作，例如在屏幕上进行上下左右滑动。这篇教程主要讲解如何在Android的Activity中实现这样的功能。关键在于利用`onTouchEvent`方法来捕获和处理用户的触摸事件。 首先...
html中table固定头部表格tbody可上下左右滑动
01-19
当表格头部固定时，需要分为两个表格来做：一部分是thead，一部分是tbody，具体实现方式如下： html代码： <th><div>标题一</div></th> <th><div>标题二</div></th> <th><div>标题三</div></th> <th>...
listview上下左右滑动效果，类似一个excel表格
03-18
listview上下左右滑动效果，类似一个excel表格
Android自定义左右或上下滑动翻页效果
08-28
Android自定义左右或上下滑动翻页效果是Android开发中的一种常见效果，通过自定义View实现左右或上下滑动翻页的功能。在本文中，我们将详细介绍Android自定义左右或上下滑动翻页效果的实现方法和相关知识点。 一、...
android wps表格如何设置边框颜色
谢岩的博客
02-09 1035
今天，简单讲讲如何使用WPS Excel设置表格边框。 这个可以说可android的关系不大，但是之前工作时，组长让我写一下工作计划要求用表格写。我完成后，组长说要是美观一些就好，于是自己查询了相关资料，终于设修改出来了。这里记录一下。 其实很简单： 右键→设置单元格格式→点到边框选项卡→颜色： 　　 选要的颜色→再点线条样式→确定即可 　　 注意，一定要先选
Android实现Excel表格，且表格能左右、上下滑动
weixin_34284188的博客
09-26 635
1、自定义实现一个水平滚动控件HorizontalScrollView import android.content.Context; import android.util.AttributeSet; import android.view.View; import android.widget.HorizontalScrollView; /** * Created by ...
android view 左右上下 滑动,左右上下都可以滑动的列表
weixin_28852151的博客
05-27 856
使用ListView和HorizontalScrollView打造可以左右和上下滑动的列表布局，有些情况下很实用哦。xmlns:tools="http://schemas.android.com/tools"android:id="@+id/activity_main"android:layout_width="match_parent"android:layout_height="match_p...
Android-自定义类似excel表格，双向滑动的ListView
修车码农的博客
09-06 2821
效果图： 主要代码：/** * Created by monty on 2017/8/31. */public class PanelListLayout extends FrameLayout { private static final String TAG = PanelListLayout.class.getSimpleName(); @BindView(R.id.tv
java互app动表格_Android实现Excel表格，且表格能左右、上下滑动
weixin_42311335的博客
02-24 159
importandroid.support.v7.app.AppCompatActivity;importandroid.os.Bundle;importandroid.view.LayoutInflater;importandroid.view.View;importandroid.view.ViewGroup;importandroid.widget.BaseAdapter;importand...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值