Android RecyclerView上下左右滑动表格布局

简介

使用RecyclerView实现网格布局,实现手机界面应用列表 ,基本逻辑实现,自定义可上下左右滑动的LayoutManager实现,item布局有两种实现方式,

XML布局文件

第一种直接固定一行显示多少,布局文件xml大小固定:

<LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <androidx.appcompat.widget.AppCompatTextView
            android:id="@+id/tv_item4"
            style="@style/form_item"
            android:text="@{itemBean.faCode}" />

       ···

        <androidx.appcompat.widget.AppCompatTextView
            android:id="@+id/tv_item10"
            style="@style/form_item"
            android:text="@{itemBean.useUser}" />

    </LinearLayout>

按行显示绑定对象;第二种实现每一个单元格的布局绑定:

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data>

    </data>

    <androidx.appcompat.widget.AppCompatTextView xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/tv_item"
        style="@style/form_item"
        tools:text="真红眼黑龙" />
</layout>

LayoutManager 实现

创建继承自LinearLayoutManager的FormLayoutManger,并是现实LayoutManager的generateDefaultLayoutParams,确定RecyclerView作用域,

public class FormLayoutManger2 extends LinearLayoutManager {
    @Override
    public RecyclerView.LayoutParams generateDefaultLayoutParams() {
        return new RecyclerView.LayoutParams(RecyclerView.LayoutParams.WRAP_CONTENT, RecyclerView.LayoutParams.WRAP_CONTENT);
    }
}

重写onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state),布局item布局展示方式,

// 按第一种实现方式,一行展示
@Override
    public void onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state) {
        if (getItemCount() <= 0 || state.isPreLayout()) {
            return;
        }
        detachAndScrapAttachedViews(recycler);
       // 高度宽度统一,获取第一行大小数据,保存到List<Rect> mItemFrames对象中
        View first = recycler.getViewForPosition(0);
        measureChildWithMargins(first, 0, 0);
        int width = getDecoratedMeasuredWidth(first);
        int height = getDecoratedMeasuredHeight(first);
        if (mItemFrames == null || mItemFrames.size() != getItemCount()) {
            mItemFrames = new ArrayList<>();
            for (int i = 0; i < getItemCount(); i++) {
                View scrap = recycler.getViewForPosition(i);
                addView(scrap);
                Rect rect = new Rect();
                rect.set(0, i * height, width, (i + 1) * height);
                mItemFrames.add(rect);
            }
        }
        mTotalWidth = Math.max(width, getHorizontallySpace());
        mTotalHeight = Math.max(getItemCount() * height, getVerticalSpace());
       // 获取到每一行单元格的宽高,添加到RecycleView中
        fill(recycler, state);
    }

// 按第二种实现方式,计算每个单元格的宽高,计算展示位置
@Override
    public void onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state) {
        if (getItemCount() <= 0 || state.isPreLayout()) { return;}
        detachAndScrapAttachedViews(recycler);
        View first = recycler.getViewForPosition(0);
        measureChildWithMargins(first, 0, 0);
        int width = getDecoratedMeasuredWidth(first);
        int height = getDecoratedMeasuredHeight(first);
        //定义方向的偏移量
        int rows = -1;
        mItemFrames = new ArrayList<>();
        for (int i = 0; i < getItemCount(); i++) {
            int column = i % (spanCount);
            View scrap = recycler.getViewForPosition(i);
            addView(scrap);
            if (column == 0) {
                rows++;
            }
            Rect rect = new Rect();
            if (rows == 0) {
                rect.set(column * width, 0, (column + 1) * width, height);
            } else {
                rect.set(column * width, rows * height, (column + 1) * width, (rows + 1) * height);
            }
            mItemFrames.add(rect);
        }
        mTotalWidth = Math.max(spanCount * width, getHorizontallySpace());
        mTotalHeight = Math.max((rows + 1) * height, getVerticalSpace());
        fill(recycler, state);
    }

fill构建布局:

    private void fill(RecyclerView.Recycler recycler, RecyclerView.State state) {
        if (getItemCount() <= 0 || state.isPreLayout()) { return;}
        detachAndScrapAttachedViews(recycler);
        Rect displayRect = new Rect(mSumDx, mSumDy, getHorizontallySpace() + mSumDx, getVerticalSpace() + mSumDy);
        for (int i = 0; i < getItemCount(); i++) {
            Rect frame = mItemFrames.get(i);
            if (Rect.intersects(displayRect, frame)) {
                View scrap = recycler.getViewForPosition(i);
                addView(scrap);
                measureChildWithMargins(scrap, 0, 0);
                layoutDecorated(scrap, frame.left - mSumDx, frame.top - mSumDy, frame.right - mSumDx, frame.bottom - mSumDy);
            }
        }
    }

布局完成后实现它的滑动事件,实现上下左右滑动,重写canScrollHorizontally(),canScrollVertically(),返回ture,设置可上下左右滑动,然后根据求取的最大宽度和高度,设置滑动的最大高度和宽度,

@Override
    public boolean canScrollHorizontally() {
        return canHorizontallyScroll;
    }

    @Override
    public boolean canScrollVertically() {
        return canVerticallyScroll;
    }

    public void setCanHorizontallyScroll(boolean canHorizontallyScroll) {
        this.canHorizontallyScroll = canHorizontallyScroll;
    }

    public void setCanVerticallyScroll(boolean canVerticallyScroll) {
        this.canVerticallyScroll = canVerticallyScroll;
    }

    @Override
    public int scrollHorizontallyBy(int dx, RecyclerView.Recycler recycler, RecyclerView.State state) {
        int travel = dx;
        //如果滑动到最顶部
        if (mSumDx + dx < 0) {
            travel = -mSumDx;
        } else if (mSumDx + dx > mTotalWidth - getHorizontallySpace()) {
            //如果滑动到最底部
            travel = mTotalWidth - getHorizontallySpace() - mSumDx;
        }

        mSumDx += travel;
        // 平移容器内的item
        offsetChildrenHorizontal(-travel);
        fill(recycler, state);
        return dx;
    }

    @Override
    public int scrollVerticallyBy(int dy, RecyclerView.Recycler recycler, RecyclerView.State state) {
        int travel = dy;
        //如果滑动到最顶部
        if (mSumDy + dy < 0) {
            travel = -mSumDy;
        } else if (mSumDy + dy > mTotalHeight - getVerticalSpace()) {
            //如果滑动到最底部
            travel = mTotalHeight - getVerticalSpace() - mSumDy;
        }

        mSumDy += travel;
        // 平移容器内的item
        offsetChildrenVertical(-travel);
        fill(recycler, state);
        return dy;
    }

功能基本就完了 ,完整代码:

public class FormLayoutManger2 extends LinearLayoutManager {
    // 同步滑动时间
    private final List<RecyclerView> mRecyclerViews = new ArrayList<>();
    // 垂直滑动边界判断
    private int mSumDy = 0;
    private int mTotalHeight = 0;
    // 横向滑动边界判断
    private int mSumDx = 0;
    private int mTotalWidth = 0;

    private boolean canHorizontallyScroll = true;
    private boolean canVerticallyScroll = true;

    public FormLayoutManger2(Context context, RecyclerView... recyclerViews) {
        super(context);
        if (recyclerViews != null) {
            for (RecyclerView recyclerView : recyclerViews) {
                connectRecyclerView(recyclerView);
            }
        }
    }

    private SmartRefreshLayout refreshLayout;

    public void setRefreshLayout(SmartRefreshLayout refreshLayout) {
        this.refreshLayout = refreshLayout;
    }

    @Override
    public RecyclerView.LayoutParams generateDefaultLayoutParams() {
        return new RecyclerView.LayoutParams(RecyclerView.LayoutParams.WRAP_CONTENT, RecyclerView.LayoutParams.WRAP_CONTENT);
    }


    @Override
    public void onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state) {
        if (getItemCount() <= 0 || state.isPreLayout()) {
            return;
        }
        detachAndScrapAttachedViews(recycler);
        View first = recycler.getViewForPosition(0);
        measureChildWithMargins(first, 0, 0);
        int width = getDecoratedMeasuredWidth(first);
        int height = getDecoratedMeasuredHeight(first);
        if (mItemFrames == null || mItemFrames.size() != getItemCount()) {
            mItemFrames = new ArrayList<>();
            for (int i = 0; i < getItemCount(); i++) {
                View scrap = recycler.getViewForPosition(i);
                addView(scrap);
                Rect rect = new Rect();
                rect.set(0, i * height, width, (i + 1) * height);
                mItemFrames.add(rect);
            }
        }
        mTotalWidth = Math.max(width, getHorizontallySpace());
        mTotalHeight = Math.max(getItemCount() * height, getVerticalSpace());
        fill(recycler, state);
    }

    private List<Rect> mItemFrames = new ArrayList<>();

    private void fill(RecyclerView.Recycler recycler, RecyclerView.State state) {
        if (getItemCount() <= 0 || state.isPreLayout()) {
            return;
        }
        detachAndScrapAttachedViews(recycler);
        Rect displayRect = new Rect(mSumDx, mSumDy, getHorizontallySpace() + mSumDx, getVerticalSpace() + mSumDy);
        for (int i = 0; i < getItemCount(); i++) {
            Rect frame = mItemFrames.get(i);
            if (Rect.intersects(displayRect, frame)) {
                View scrap = recycler.getViewForPosition(i);
                addView(scrap);
                measureChildWithMargins(scrap, 0, 0);
                layoutDecorated(scrap, frame.left - mSumDx, frame.top - mSumDy, frame.right - mSumDx, frame.bottom - mSumDy);
            }
        }
    }

    @Override
    public boolean canScrollHorizontally() {
        return canHorizontallyScroll;
    }

    @Override
    public boolean canScrollVertically() {
        return canVerticallyScroll;
    }

    public void setCanHorizontallyScroll(boolean canHorizontallyScroll) {
        this.canHorizontallyScroll = canHorizontallyScroll;
    }

    public void setCanVerticallyScroll(boolean canVerticallyScroll) {
        this.canVerticallyScroll = canVerticallyScroll;
    }

    @Override
    public int scrollHorizontallyBy(int dx, RecyclerView.Recycler recycler, RecyclerView.State state) {
        int travel = dx;
        //如果滑动到最顶部
        if (mSumDx + dx < 0) {
            travel = -mSumDx;
        } else if (mSumDx + dx > mTotalWidth - getHorizontallySpace()) {
            //如果滑动到最底部
            travel = mTotalWidth - getHorizontallySpace() - mSumDx;
        }

        mSumDx += travel;
        // 平移容器内的item
        offsetChildrenHorizontal(-travel);
        fill(recycler, state);
        return dx;
    }

    @Override
    public int scrollVerticallyBy(int dy, RecyclerView.Recycler recycler, RecyclerView.State state) {
        int travel = dy;
        //如果滑动到最顶部
        if (mSumDy + dy < 0) {
            travel = -mSumDy;
        } else if (mSumDy + dy > mTotalHeight - getVerticalSpace()) {
            //如果滑动到最底部
            travel = mTotalHeight - getVerticalSpace() - mSumDy;
        }

        mSumDy += travel;
        // 平移容器内的item
        offsetChildrenVertical(-travel);
        fill(recycler, state);
        return dy;
    }

    private int getVerticalSpace() {
        return getHeight() - getPaddingBottom() - getPaddingTop();
    }

    private int getHorizontallySpace() {
        return getWidth() - getPaddingEnd() - getPaddingStart();
    }


    public void connectRecyclerView(RecyclerView recyclerView) {
        recyclerView.addOnScrollListener(mScrollListener);
        mRecyclerViews.add(recyclerView);
    }

    private final RecyclerView.OnScrollListener mScrollListener = new RecyclerView.OnScrollListener() {
        @Override
        public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) {
            // 以下场景处理的是,滑动过程中手指松开,移到另外一个recyclerview进行滚动
            if (newState == RecyclerView.SCROLL_STATE_DRAGGING) {
                // 该recyclerview进入滚动状态的时候,其余四个要先停止滚动
                int currentIndex = mRecyclerViews.indexOf(recyclerView);
                for (int i = 0; i < mRecyclerViews.size(); i++) {
                    if (i != currentIndex) {
                        mRecyclerViews.get(i).stopScroll();
                    }
                }
            }
            if (refreshLayout != null) {
                if (mSumDy == 0) {
                    refreshLayout.setEnabled(true);
                } else {
                    refreshLayout.setEnabled(false);
                }
            }
        }

        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            if (recyclerView.getScrollState() != RecyclerView.SCROLL_STATE_IDLE) {
                // 手指所放在的当前recyclerview的下标
                int currentIndex = mRecyclerViews.indexOf(recyclerView);
                for (int i = 0; i < mRecyclerViews.size(); i++) {
                    if (i != currentIndex) {
                        mRecyclerViews.get(i).scrollBy(dx, dy);
                    }
                }
            }
        }
    };
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,826评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,968评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,234评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,562评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,611评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,482评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,271评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,166评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,608评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,814评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,926评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,644评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,249评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,866评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,991评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,063评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,871评论 2 354

推荐阅读更多精彩内容