双recyclerview实现持仓横滑持仓列表

最新推荐文章于 2023-03-01 13:24:20 发布
最新推荐文章于 2023-03-01 13:24:20 发布
阅读量402 收藏 2
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_23025319/article/details/84941522
版权

先上效果图：

 

如图所示，左侧一列固定不动，右侧横滑列表。

实现方案：左侧固定列使用recyclerview，右侧HorizontalScrollView嵌套recyclerview；

布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    >
    <data>
        <variable
            name="presenter"
            type="com.zj.holdlist.MainActivity"/>
    </data>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        >
        <LinearLayout
            android:layout_width="120dp"
            android:layout_height="match_parent"
            android:background="#FAFAFA"
            android:orientation="vertical"
            android:focusable="true"
            >
            <TextView
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:text="币对名称"
                android:gravity="center"
                android:textColor="@color/colorPrimaryDark"
                android:textSize="14sp"
                android:background="#f0f0f0"
                />
            <android.support.v7.widget.RecyclerView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:id="@+id/recycle_coin_name"
                android:overScrollMode="never"
                ></android.support.v7.widget.RecyclerView>
        </LinearLayout>

        <HorizontalScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            tools:ignore="NewApi"
            android:overScrollMode="never"
            android:scrollbars="none"
            >
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical"
                >
                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="40dp"
                    android:orientation="horizontal"
                    android:background="#FAFAFA"
                    >
                    <TextView
                        android:layout_width="120dp"
                        android:layout_height="40dp"
                        android:text="title1"
                        android:gravity="center"
                        android:textColor="@color/colorPrimaryDark"
                        android:textSize="14sp"
                        android:background="#f0f0f0"
                        />
                    <TextView
                        android:layout_width="120dp"
                        android:layout_height="40dp"
                        android:text="title2"
                        android:gravity="center"
                        android:textColor="@color/colorPrimaryDark"
                        android:textSize="14sp"
                        android:background="#f0f0f0"
                        />
                    <TextView
                        android:layout_width="120dp"
                        android:layout_height="40dp"
                        android:text="title3"
                        android:gravity="center"
                        android:textColor="@color/colorPrimaryDark"
                        android:textSize="14sp"
                        android:background="#f0f0f0"
                        />
                    <TextView
                        android:layout_width="120dp"
                        android:layout_height="40dp"
                        android:text="title4"
                        android:gravity="center"
                        android:textColor="@color/colorPrimaryDark"
                        android:textSize="14sp"
                        android:background="#f0f0f0"
                        />
                    <TextView
                        android:layout_width="120dp"
                        android:layout_height="40dp"
                        android:text="title5"
                        android:gravity="center"
                        android:textColor="@color/colorPrimaryDark"
                        android:textSize="14sp"
                        android:background="#f0f0f0"
                        />
                    <TextView
                        android:layout_width="120dp"
                        android:layout_height="40dp"
                        android:text="title6"
                        android:gravity="center"
                        android:textColor="@color/colorPrimaryDark"
                        android:textSize="14sp"
                        android:background="#f0f0f0"
                        />
                </LinearLayout>
                <android.support.v7.widget.RecyclerView
                    android:layout_width="720dp"
                    android:layout_height="match_parent"
                    android:id="@+id/recycle_coin_data"
                    android:overScrollMode="never"
                    ></android.support.v7.widget.RecyclerView>
            </LinearLayout>
        </HorizontalScrollView>
    </LinearLayout>
</layout>
布局文件有了，开始写adapter，填充数据。
public class CoinAdapter extends AbsRVAdapter<CoinBean,AbsRVAdapter.BindingViewHolder> {
    private final static int TYPE_NAME=0;
    private final static int TYPE_DATA=1;
    public CoinAdapter(Context context) {
        super(context);
    }

    @NonNull
    @Override
    public BindingViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int i) {
        ViewDataBinding binding;
        if (i==TYPE_NAME){
            binding=ItemCoinValueBinding.inflate(mInflater,parent,false);
        }else {
            binding= ItemDataValueBinding.inflate(mInflater,parent,false);
        }
        return new BindingViewHolder(binding);
    }

    @Override
    public void onBindViewHolder(@NonNull BindingViewHolder holder, int position) {
        CoinBean bean= (CoinBean) getItem(position);
        if (holder.mBinding instanceof ItemCoinValueBinding){
            ItemCoinValueBinding binding= (ItemCoinValueBinding) holder.mBinding;
            binding.setData(bean);
            binding.setPos(position);
        }else if (holder.mBinding instanceof ItemDataValueBinding){
            ItemDataValueBinding binding= (ItemDataValueBinding) holder.mBinding;
            binding.setData(bean);
            binding.setPos(position);
        }

    }

    @Override
    public int getItemViewType(int position) {
        List<CoinBean> list=getDataList();
        if (list!=null){
            return list.get(position).viewType==0?TYPE_NAME:TYPE_DATA;
        }else{
            return super.getItemViewType(position);
        }
    }
}

主要两个布局，一个是左侧item，一个是右侧。差点忘了AbsRVAdapter是我封装的一个基类，代码奉上.


import android.content.Context;
import android.databinding.ViewDataBinding;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;

import java.util.ArrayList;
import java.util.List;

/**
 * {@link RecyclerView}适配器基类
 *
 * @author Created by zh on 2018/12/09.
 */

public abstract class AbsRVAdapter<E, T extends AbsRVAdapter.BindingViewHolder> extends RecyclerView.Adapter<T> {
    private List<E> mDataList;
    protected Context mContext;
    protected LayoutInflater mInflater;

    public AbsRVAdapter(Context context) {
        this.mContext = context;
        this.mInflater = LayoutInflater.from(context);
    }

    @Override
    public int getItemCount() {
        return mDataList == null ? getHeaderItemCount() : getHeaderItemCount() + mDataList.size();
    }

    public int getHeaderItemCount() {
        // 在列表顶部不包含在数据列表中的Item数量，并非ListView的Header数
        // 头部Item数量+dataList数量等于总的Item数量，子类必须返回正确的头部Item数量来保证映射数据列表正确
        return 0;
    }

    public Object getItem(int position) {
        if (position < getHeaderItemCount()) {
            return getHeaderItem(position);
        } else {
            return mDataList == null ? null : mDataList.get(position - getHeaderItemCount());
        }
    }

    public Object getHeaderItem(int position) {
        return null;
    }

    /**
     * 列表Item的位置获取对应数据列表的索引，如果找不到将返回-1
     *
     * @param position item位置
     * @return item对应的数据项位置
     */
    public int getDataIndex(int position) {
        if (position < getHeaderItemCount()) {
            return -1;
        }
        return position - getHeaderItemCount();
    }

    public int getDataCount() {
        return mDataList == null ? 0 : mDataList.size();
    }

    public boolean isEmpty() {
        return getItemCount() == 0;
    }

    public void addData(List<E> data) {
        if (data == null || data.isEmpty()) {
            return;
        }
        int addCount = data.size();
        if (mDataList == null) {
            mDataList = new ArrayList<>(addCount);
        }
        int startPos = getItemCount();
        mDataList.addAll(data);
        notifyItemRangeInserted(startPos, addCount);
    }

    public void addDataToStart(E data) {
        if (data == null) {
            return;
        }
        if (mDataList == null) {
            mDataList = new ArrayList<>();
        }
        mDataList.add(0, data);
        notifyItemInserted(0);
    }

    public void addDataToTail(E data) {
        if (data == null) {
            return;
        }
        if (mDataList == null) {
            mDataList = new ArrayList<>();
        }
        int pos = getItemCount();
        mDataList.add(data);
        notifyItemInserted(pos);
    }

    public void clearData() {
        if (mDataList != null && mDataList.size() > 0) {
            mDataList.clear();
            notifyDataSetChanged();
        }
    }

    public void setData(List<E> data) {
        mDataList = data;
        notifyDataSetChanged();
    }

    public List<E> getDataList() {
        return mDataList;
    }

    public void addData(int index, E data) {
        if (data == null) {
            return;
        }
        if (mDataList == null) {
            mDataList = new ArrayList<>();
        }
        mDataList.add(index, data);
        notifyItemInserted(getHeaderItemCount() + index);
    }

    public void setDataIndex(int index,E data){
        if (data==null){
            return;
        }
        if (mDataList==null){
            mDataList = new ArrayList<>();
        }
        mDataList.set(index,data);
        notifyItemChanged(getHeaderItemCount() + index);
    }

    public void removeData(int index) {
        if (mDataList == null) {
            return;
        }
        mDataList.remove(index);
        notifyItemRemoved(getHeaderItemCount() + index);
    }

    public static class BindingViewHolder extends RecyclerView.ViewHolder {
        public ViewDataBinding mBinding;

        public BindingViewHolder(ViewDataBinding binding) {
            super(binding.getRoot());
            this.mBinding = binding;
        }
    }
}

adapter有了开始填充数据：

简单for循环，o(╥﹏╥)o

 public void initData(){
        List<CoinBean> nameList=new ArrayList<>();
        for (int i=0;i<20;i++){
            CoinBean bean=new CoinBean();
            bean.coinName="BTC"+i;
            bean.pairName="pairName"+i;
            bean.pairUnit="pairUnit"+i;
            bean.current="current"+i;
            bean.currentCny="currentCny"+i;
            bean.change="change"+i;
            bean.changeRate="changeRate"+i;
            bean.viewType=0;
            nameList.add(bean);
        }
        nameAdapter.setData(nameList);

        List<CoinBean> dataList=new ArrayList<>();
        for (int i=0;i<20;i++){
            CoinBean bean=new CoinBean();
            bean.coinName="BTC"+i;
            bean.pairName="pairName"+i;
            bean.pairUnit="pairUnit"+i;
            bean.current="current"+i;
            bean.currentCny="currentCny"+i;
            bean.change="change"+i;
            bean.changeRate="changeRate"+i;
            bean.viewType=1;
            dataList.add(bean);
        }
        dataAdapter.setData(dataList);
    }

这时最基本的完成了，看下效果：

大家都能看到问题，没错左右两边不同步；

简单的思路，监听两个recyclerview的滚动事件，让另一个滚动相同的距离。

走起：

binding.recycleCoinName.setOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);

                
                binding.recycleCoinData.scrollBy(0,dy);
               
            }
        });

        binding.recycleCoinData.setOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);
                
                binding.recycleCoinName.scrollBy(0,dy);
               

            }
        });

然后我们发现这么搞不行，哈哈

添加判断条件如果是左侧recyclerview在滑动时，右侧跟着移动，否则不移动；

如何判断呢，setOnTouchListener！！！

//左侧name
binding.recycleCoinName.setOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);

                //手势在左侧时，右侧跟随滚动
                if (isNameScroll){
                    binding.recycleCoinData.scrollBy(0,dy);
                }
            }
        });

//右侧数据源
        binding.recycleCoinData.setOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);
                //手势在右侧时，左侧跟随滚动
                if (!isNameScroll){
                    binding.recycleCoinName.scrollBy(0,dy);
                }

            }
        });
//
        binding.recycleCoinData.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()){
                    case MotionEvent.ACTION_DOWN:
                        isNameScroll=false;
                        break;
                }
                return false;
            }
        });


        binding.recycleCoinName.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()){
                    case MotionEvent.ACTION_DOWN:
                        isNameScroll=true;
                        break;
                }
                return false;
            }
        });

到这里这个简单的demo完成。

 

 

夏沫琅琊
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
RecyclerView(二)——双层RecyclerView嵌套
qq_31573123的博客
09-23 2832
如上图所示，此页面包含两个RecyclerView的嵌套实现，外层为瀑布流布局，里层为线性布局。 1 里层线性布局书籍列表部分 1.1 ChildAdapter public class ChildAdapter extends RecyclerView.Adapter<ChildAdapter.ChildViewHolder> { private List<S...
RecyclerView (万能的适配器和实现列表项的拖动和左右滑动)
wa172126691的博客
11-09 1765
RecyclerView (万能的适配器和实现列表项的拖动和左右滑动)参考鸿神的代码。。。1.万能的RecyclerView 适配器《1》第一步BaseAdapterpackage wang.dom.adapter;import android.content.Context; import android.support.v7.widget.RecyclerView; import android
RecyclerView双表联动
12-09
使用RecyclerView实现双表联动效果，点击左侧分类后右侧数据改变，滑动右侧列表时左侧分类跟随变动~ 如有不懂可在我该篇博客内留言，博客地址：https://blog.csdn.net/qq_20451879/article/details/81664188
双重ScrollView，RecyclerView联动实例
weixin_34384557的博客
03-26 556
最近收到一个需求，如图，大家一看，不就是一个简单的表格吗，RecyclerView就搞定了 我一开始也是这么想的，但是当我继续听下去 需求是左边党支部栏目只能上下滑动，之后联动右边下方表格一起上下滑动，右边下方表格滑动，左边下方表格依然如此 然后右边上方只能左右滑动，之后联动右边下方表格一起左右滑动，右下方滑动，右上同样一起滑动 然后此时我的内心是崩溃的 收集几个关键点...
TwoRecyc:RecyclerView实现双列表联动
04-29
TwoRecyc RecyclerView实现双列表联动
安卓——仿饿了么点餐，两个RecyclerView联动效果（一：为rv添加头部）
薪火_的博客
03-01 749
本文为左右两个rv设置数据，同时添加给右边的Rv数据进行分组和添加每组头部。之后关于联动的代码逻辑和实现效果就在二为大家展现。
计算机行业2022Q2基金持仓报告基金持仓占比进一步下降
08-04
计算机行业在2022年第二季度的基金持仓报告显示，基金对计算机行业的持仓比例呈现了进一步的下降趋势。这一变化反映了市场投资策略的调整以及机构投资者对于不同行业景气度的判断。在这个背景下，让我们深入探讨一下...
CFTC持仓数据的简要分析.pdf
04-10
CFTC持仓数据的简要分析.pdfCFTC持仓数据的简要分析.pdfCFTC持仓数据的简要分析.pdfCFTC持仓数据的简要分析.pdfCFTC持仓数据的简要分析.pdfCFTC持仓数据的简要分析.pdf
通达信指标公式源码 持仓状态 散户持仓 主力持仓 副图源码.doc
07-30
通达信指标公式源码 持仓状态 散户持仓 主力持仓 副图源码.doc 通达信指标公式源码是一种基于技术分析的指标公式，用于分析股票市场中的持仓状态，特别是散户持仓和主力持仓。该公式源码提供了一种自定义的指标公式...
MT4持仓助手v1.3
02-11
MT4持仓助手v1.3 maql EA 写的辅助性EA MT4 外汇上用的
Android-Recyclerview实现列表联动
08-12
Recyclerview实现列表联动
RecyclerView 加载复杂多个多种布局，完美解决控件复用等等问题
04-08
RecyclerView 加载 adaper中创建并且加载布局 在activity 中调用adapter 的方法更新或者设置数据
Android 自定义View（四）实现股票自选列表滑动效果
06-06
博文地址：https://blog.csdn.net/jaynm/article/details/106576284
HorizontalScrollDemo-master:RecyclerView+HorizontalScrollView 无嵌套实现左侧标题栏固定,右侧内容部分可整体横向滑动
05-28
RecyclerView+HorizontalScrollView 无嵌套实现左侧标题栏固定,右侧内容部分可整体横向滑动,可随意上下拉刷新,刷新和滚动之后,位移位置不变 主要解决以下几点问题 1.因整个实现上使用原生RecyclerView,只有右侧内容页横向的RecyclerView+HorizontalScrollView嵌套(单条item横向填充数据量小,嵌套无非不能viewholder复用,所以性能影响忽略不计),无其他自定义view,性能非常好,界面流畅 2.解决了右侧部分在viewholder缓存之后,位置错乱问题,即上下滚动出界面之后或者下拉刷新之后,新取出来的holder缓存没有偏移问题 3.解决单个item滑动触发整个右测部分滑动的联动和顶部tab单独滑动,联动右侧部分的滑动问题 具体实现方式在博客中,不足之处欢迎交流
RecyclerView双列表联动效果开发细节
苦逼程序员的笔记
06-30 2258
简介: 双列表联动，一般由左右两个列表组成，在这个例子中，左侧列表显示分类，右侧列表显示每个分类的具体项，在每一组具体项的顶部由一个header进行区分。 点击左侧列表某一个分类时，右侧列表滚动到对应分类的首个header位置。滑动右侧列表显示下一个或上一个分类的数据时，左侧对应的分类选中状态自动变化。 ...
Recyclerview 实现左右双列表联动效果
weixin_38754349的博客
01-08 3105
code小生 一个专注大前端领域的技术平台公众号回复Android加入安卓技术群作者：灰丨色链接：https://www.jianshu.com/p/a87e59967704声明：本文已...
android 仿京东地址选择_Android使用RecyclerView实现蛇形列表/折线型列表
weixin_39992665的博客
11-27 168
一款基于RecyclerView实现的蛇形布局list/折线型布局list，适用于出发地、到达地选择等场景效果图：实现原理简析1.利用ItemDecoration，重写getItemOffsets()方法设置item之间间距，重写onDraw()方法根据item的位置来判断画横线or竖线，最终把item串起来。2.在adapter中依据recyclerview列数和当前行数对传入的数据进...
RecyclerView的 overScrollMode，scrollbars属性含义
丿灬安之若死
04-01 2540
1.ListView/RecyclView 设置滑动到边缘时无效果模式 android:overScrollMode="never" 2.ListView/RecyclView 设置滑动到顶部或者底部的颜色或者背景 android:overScrollFooter="@android:color/transparent" android:overScrollHeader="@andro...
Android股票列表联动
huohuo5753的专栏
08-08 2262
  使用ScrollerView+RecycleView实现股票列表联动效果；一个可以拿来可以直接使用的解决方案，而且滑动流畅，带标题栏悬浮功能，支持整行的点击效果，支持长安事件； 效果如下图所示： 实现原理： 使用两个ScrollView：一个控制垂直方向上的滑动，一个控制水平方向上的滚动； public class SVerticallScrollView extends ...
我想用python 通过windpy实现获取基金持仓
最新发布
05-20
可以使用 WindPy 模块来获取基金持仓数据。首先需要安装 WindPy 模块，你可以使用以下命令来安装： ``` pip install windpy ``` 安装完成后，可以通过以下代码来获取基金持仓信息： ```python from WindPy import...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值