Android-自定义类似excel表格，双向滑动的ListView

Dear 丶 2022-06-09 13:09 387阅读 0赞

**效果图：**  
![列表效果图][SouthEast]

**主要代码：**

/** * Created by monty on 2017/8/31. */
    
    public class PanelListLayout extends FrameLayout { 
        private static final String TAG = PanelListLayout.class.getSimpleName();
        @BindView(R.id.tv_title)
        TextView tvTitle;
        @BindView(R.id.lv_lineNumber)
        ListView lvLineNumber;
        @BindView(R.id.ll_tableHeader)
        LinearLayout llTableHeader;
        @BindView(R.id.lv_content)
        ListView lvContent;
        @BindView(R.id.swipeRefreshLayout)
        RefreshLayout swipeRefreshLayout;
        @BindView(R.id.ll_lineNumber)
        LinearLayout llLineNumber;
    
        private Context mContext;
    // private BaseAdapter mAdapter;
    
        /*说明：这里只可设置表头高度和行号宽度是因为表头的宽度和行号高度由ContentListView中的Item来决定，由调用者在ListView的Item布局中控制*/
        private int tableHeaderHeight = 30; // 表头高度
        private int lineNumberWidth = 30; // 行号宽度
    
        private int tableHeaderBackgroundColor = 0xff00bcd4; // 表头背景颜色
        private int tableHeaderTextColor = 0xffffffff; // 表头文本颜色
        private int tableHeaderTextSize = 14; // 表头文本大小
    
        private int lineNumberBackgroundColor = 0xff00bcd4; // 行号背景颜色
        private int lineNumberTextColor = 0xffffffff; // 行号文本颜色
        private int lineNumberTextSize = 14; // 行号文本大小
    
        private List<String> tableHeaderTexts;
    
    
        public PanelListLayout(Context context) {
            this(context, null);
        }
    
        public PanelListLayout(Context context, AttributeSet attrs) {
            this(context, attrs, 0);
        }
    
        public PanelListLayout(Context context, AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
            mContext = context;
            inflate(getContext(), R.layout.panel_list_layout, this);
            ButterKnife.bind(this);
            initView();
    
        }
    
        private void initView() {
            /* 去掉ListView滑动到头部或底部时的动画 */
            lvLineNumber.setOverScrollMode(View.OVER_SCROLL_NEVER);
            lvContent.setOverScrollMode(View.OVER_SCROLL_NEVER);
    
            OnScrollListener onScrollListener = new OnScrollListener();
            lvLineNumber.setOnScrollListener(onScrollListener);
            lvContent.setOnScrollListener(onScrollListener);
            /** * 解决SwipeRefreshLayout中多层嵌套ListView下拉事件冲突问题 */
            swipeRefreshLayout.setOnChildScrollUpCallback(new SwipeRefreshLayout.OnChildScrollUpCallback() {
                @Override
                public boolean canChildScrollUp(SwipeRefreshLayout parent, @Nullable View child) {
                    return ViewCompat.canScrollVertically(lvContent, -1);
                }
            });
        }
    
        public RefreshLayout getSwipeRefreshLayout() {
            return swipeRefreshLayout;
        }
    
        /** * 设置表头高度(单位：dp) * * @param height */
        public PanelListLayout setTableHeaderHeight(int height) {
            this.tableHeaderHeight = height;
            return this;
        }
    
        /** * 设置行号宽度(单位：dp) * * @param width */
        public PanelListLayout setLineNumberWidth(int width) {
            this.lineNumberWidth = width;
            return this;
        }
    
        /** * 设置表头背景颜色 * * @param color */
        public PanelListLayout setTableHeaderBackgroundColor(int color) {
            this.tableHeaderBackgroundColor = color;
            return this;
        }
    
        /** * 设置行号文本颜色 * * @param color * @return */
        public PanelListLayout setLineNumberTextColor(int color) {
            this.lineNumberTextColor = color;
            return this;
        }
    
        /** * 设置行号文本颜色(单位：dp) * * @param textSize * @return */
        public PanelListLayout setLineNumberTextSize(int textSize) {
            this.lineNumberTextSize = DisplayUtil.dp2px(textSize);
            return this;
        }
    
        /** * 设置行号背景颜色 * * @param color * @return */
        public PanelListLayout setLineNumberBackgroundColor(int color) {
            this.lineNumberBackgroundColor = color;
            return this;
        }
    
        /** * 设置表头文本 * * @param text * @return */
        public PanelListLayout setTableHeaderTexts(String... text) {
            this.tableHeaderTexts = Arrays.asList(text);
            return this;
        }
    
        /** * 设置内容Adapter * * @param adapter */
        public void setAdapter(BaseAdapter adapter) {
            if (adapter == null) {
                throw new IllegalArgumentException("adapter is not allow to be null");
            }
    
    // this.mAdapter = adapter;
            this.lvContent.setAdapter(adapter);
            /**************************************** * 监听Adapter，当ListView中的内容发生改变时重新渲染(主要作用，第一次设置Adapter之后，没有数据的情况下， * 从网络获取数据之后刷新Adapter之后需要重新绘制表头) ****************************************/
            adapter.registerDataSetObserver(new DataSetObserver() {
                @Override
                public void onChanged() {
                    Log("DataSetObserver ******** onChanged");
                    applyView();
                }
    
                @Override
                public void onInvalidated() {
                    Log("DataSetObserver ******** onInvalidated");
                    super.onInvalidated();
                    applyView();
                }
            });
    
            applyView();
        }
    
        /** * ************************************核心代码********************************** * <p> * 填充表格 */
        private void applyView() {
            /*设置行号宽度*/
            ViewGroup.LayoutParams layoutParams = llLineNumber.getLayoutParams();
            layoutParams.width = lineNumberWidth;
    
            this.lvContent.post(new Runnable() {
                @Override
                public void run() {
                    Log("post******************************");
                    View childItem = lvContent.getChildAt(lvContent.getFirstVisiblePosition());
                    Log("post**********填充行号*************");
                    applyLineNumberListView();
                    Log("post**********填充表头*************");
                    applyTableHeader(childItem);
                }
    
                /** * 填充表头 * @param childItem */
                private void applyTableHeader(View childItem) {
                    llTableHeader.setBackgroundColor(tableHeaderBackgroundColor);
                    llTableHeader.getLayoutParams().height = tableHeaderHeight;
                    llTableHeader.setShowDividers(LinearLayout.SHOW_DIVIDER_MIDDLE | LinearLayout.SHOW_DIVIDER_BEGINNING);
                    llTableHeader.setDividerDrawable(ContextCompat.getDrawable(getContext(), R.drawable.row_item_divider));
                    tvTitle.getLayoutParams().height = llTableHeader.getLayoutParams().height;
                    LinearLayout contentItem = (LinearLayout) childItem;
                    llTableHeader.removeAllViews();
    
                    for (int i = 0; i < contentItem.getChildCount(); i++) {
                        View v = contentItem.getChildAt(i);
                        TextView textView = new TextView(mContext);
                        //根据ContentListView的Item中列的宽度来动态设置表头宽度
                        textView.setLayoutParams(new LinearLayout.LayoutParams(v.getWidth(), ViewGroup.LayoutParams.MATCH_PARENT));
                        textView.setText(tableHeaderTexts.get(i));
                        textView.setTextColor(tableHeaderTextColor);
                        textView.setTextSize(tableHeaderTextSize);
                        textView.setGravity(Gravity.CENTER);
                        llTableHeader.addView(textView);
                    }
                }
    
                /** * 填充行号 */
                private void applyLineNumberListView() {
                    lvLineNumber.setAdapter(new LineNumberAdapter(lvContent.getCount()));
                }
    
            });
        }
    
        private class LineNumberAdapter extends BaseAdapter { 
            private int mLineNumberCount;
            private String[] mLineNumbers;
    
            public LineNumberAdapter(int lineNumberCount) {
                this.mLineNumberCount = lineNumberCount;
                this.mLineNumbers = generateLineNumbers();
            }
    
            @Override
            public int getCount() {
                return mLineNumbers.length;
            }
    
            @Nullable
            @Override
            public Object getItem(int position) {
                return mLineNumbers[position];
            }
    
            @Override
            public long getItemId(int position) {
                return position;
            }
    
            @NonNull
            @Override
            public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
                View view;
                if (convertView == null) {
                    view = LayoutInflater.from(mContext).inflate(android.R.layout.simple_list_item_1, parent, false);
                } else {
                    view = convertView;
                }
                View contentItemView = lvContent.getAdapter().getView(position, null, lvContent);
                if (contentItemView != null) { // 动态测量ContentListView中Item的高度，并将行号的高度与其保持一致
                    contentItemView.measure(0, 0);
                    view.setLayoutParams(new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, contentItemView.getMeasuredHeight()));
                }
                TextView textView = (TextView) view;
                textView.setBackgroundColor(lineNumberBackgroundColor);
                textView.setText(this.mLineNumbers[position]);
                textView.setTextColor(lineNumberTextColor);
                textView.setTextSize(lineNumberTextSize);
                textView.setPadding(0, 0, 0, 0);
                textView.setGravity(Gravity.CENTER);
                return view;
            }
    
            private String[] generateLineNumbers() {
                String[] lineNumbers = new String[this.mLineNumberCount];
                for (int i = 0; i < this.mLineNumberCount; i++) {
                    lineNumbers[i] = "" + (i + 1);
                }
                return lineNumbers;
            }
    
        }
    
    
        private void Log(String log) {
            Log.d(TAG, log);
        }
    
        public class OnScrollListener implements AbsListView.OnScrollListener { 
            private int scrollState;
    
            @Override
            public void onScrollStateChanged(AbsListView view, int scrollState) {
                Log("onScrollStateChanged - scrollState -> " + scrollState);
                this.scrollState = scrollState;
            }
    
            @Override
            public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
                /********************************************* * 解决无限同步LineNumberListView和ContentListView滚动位置的问题，SCROLL_STATE_IDLE是ListView滚动结束时的标记， * 此处判断如果滚动结束了就不再进行同步，避免因为一直处于滚动状态而导致ListView的getView会一直调用的问题。 *********************************************/
                if (scrollState == SCROLL_STATE_IDLE) {
                    return;
                }
                View subView = view.getChildAt(0);
                if (subView != null) {
                    int top = subView.getTop();
                    if (view == lvContent) {
                        lvLineNumber.setSelectionFromTop(firstVisibleItem, top);
                    } else {
                        lvContent.setSelectionFromTop(firstVisibleItem, top);
                    }
                }
            }
        }
    
    }

[SouthEast]: /images/20220609/db4e54370a00485b8974b7be6f61888f.png