仿京东分类Recycleview实现两边联动

最新推荐文章于 2021-05-30 19:11:21 发布
最新推荐文章于 2021-05-30 19:11:21 发布
阅读量1.3k 收藏 11
点赞数
文章标签： android android studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yizhixiaohuli/article/details/108080890
版权

仿京东分类Recycleview实现两边联动

今天是个好日子  2020-8-18  好久没写博客  该出来练练了  话不多说 上代码

先看看效果

首先上布局

这是主布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    android:orientation="vertical">



    <View
        android:layout_width="match_parent"
        android:layout_height="12dp"
        android:background="@color/color_F0F1F5"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">




    <android.support.v7.widget.RecyclerView
        android:id="@+id/rcy_title"
        android:layout_width="0dp"
        android:background="@color/color_F8F8F8"
        android:layout_height="match_parent"
        android:layout_weight="2" />


    <android.support.v7.widget.RecyclerView
        android:paddingLeft="12dp"
        android:id="@+id/rcy_icon"
        android:layout_width="0dp"
        android:layout_weight="8"
        android:layout_marginBottom="20dp"
        android:layout_height="match_parent"/>

    </LinearLayout>
</LinearLayout>

第一个adapter布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    android:gravity="center"
    android:id="@+id/tv"
    android:background="@color/color_F8F8F8"
    android:orientation="vertical"
    >


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <View
            android:id="@+id/line"
            android:layout_width="2dp"
            android:layout_height="match_parent"
            android:background="@color/color_F05557"/>

        <TextView
            android:layout_centerInParent="true"
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="购物\n特权"
            android:textColor="@color/color_333333"
            android:textSize="16sp"
            />
    </RelativeLayout>




</LinearLayout>

第二个子布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:background="@color/white"
    android:orientation="vertical">

    <LinearLayout
        android:layout_marginTop="12dp"
        android:layout_marginBottom="10dp"
        android:id="@+id/ll"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:id="@+id/title2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="会员特权"
            android:textColor="#ff333333"
            android:textSize="18sp"
            />
        <TextView
            android:layout_marginLeft="12dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="权益持续更新，整年享用"
            android:textColor="#ff999999"
            android:textSize="14sp"
            />

    </LinearLayout>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:gravity="center_vertical">

        <View
            android:layout_width="4dp"
            android:layout_height="16dp"
            android:background="@color/color_F05557" />

        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="8dp"
            android:text="购物特权"
            android:textColor="@color/color_333333"
            android:textSize="16sp" />

    </LinearLayout>


    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycleview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
</LinearLayout>

两个recycleview就OK了

然后请求数据获取到数据分别加入两个adapter

这是主界面代码

/**
 *会员权益
 */
public class MembershipFragment extends BaseMainFragmeng {


    private RecyclerView rcy_title;
    private RecyclerView rcy_icon;
    private MembershipAdapter1 adapter1;
    private MembershipAdapter2 adapter2;
    private  LinearLayoutManager manager;
    /**
     * 是否来自点击
     */
    private boolean mIsFromClick = false;


    public static MembershipFragment newInstance() {
        MembershipFragment fragment = new MembershipFragment();
        Bundle args = new Bundle();
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_membership, container, false);
        initView(view);
        getData();
        getStudyRank();
        if (!EventBus.getDefault().isRegistered(this)) {
            EventBus.getDefault().register(this);
        }
        return view;
    }

    private void getStudyRank() {


    }


    private void getData() {
        getVipRightship(this)
                .subscribe(new DataObserver<List<VipBean>>(false) {
                    @Override
                    protected void onDataListEmpty() {

                        onActivityFailure();
                    }

                    @Override
                    protected void onDataNull() {
                        onActivityFailure();

                    }

                    @Override
                    protected void onError(String errorMsg, String errCode) {
                        onActivityFailure();

                    }

                    @Override
                    protected void onSuccess(List<VipBean> data) {

                        onGetDoorGodCategory(data);
                    }
                });

    }


    private void onGetDoorGodCategory(List<VipBean> data) {

        adapter1.setData(data);
        adapter2.setData(data);

    }

    private void onActivityFailure() {

    }




    private void getVipRightsData(VipBean data) {


    }




    private void initView(View view) {


        Bundle arguments = getArguments();
        if (arguments != null) {
        }

        rcy_title = view.findViewById(R.id.rcy_title);
        rcy_icon=view.findViewById(R.id.rcy_icon);
        LinearLayoutManager layoutManager1=new LinearLayoutManager(getActivity());
        adapter1=new MembershipAdapter1(getActivity());
        rcy_title.setLayoutManager(layoutManager1);
        rcy_title.setAdapter(adapter1);



        adapter2=new MembershipAdapter2(getActivity());
//        LRecyclerViewAdapter mLRecyclerViewAdapter = new LRecyclerViewAdapter(adapter2);
        rcy_icon.setAdapter(adapter2);
         manager = new LinearLayoutManager(getActivity());
        rcy_icon.setLayoutManager(manager);
//        View header = LayoutInflater.from(getActivity()).inflate(R.layout.item_vip_head_ship,null, false);
//        mLRecyclerViewAdapter.addHeaderView(header);
//        TextView title = header.findViewById(R.id.title);
//        title.getPaint().setFakeBoldText(true);



        rcy_icon.addOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);
                if (mIsFromClick) {//防止来回调
                    return;
                }
                changePosition();
            }
        });


        adapter1.setOnAddClickListener(new MembershipAdapter1.OnAddClickListener() {
            @Override
            public void onShareClick(int postion) {
                adapter1.setmPosition(postion);

                mIsFromClick = true;//不走onScrolled，防止来回调
                manager.scrollToPositionWithOffset(postion,0);

                mIsFromClick = false;//放开


                /*
                *
                *    LinearSmoothScroller topScroller = new LinearSmoothScroller(getActivity()) {

                    @Override
                    protected int getHorizontalSnapPreference() {
                        return SNAP_TO_START;//具体见源码注释
                    }

                    @Override
                    protected int getVerticalSnapPreference() {
                        return SNAP_TO_START;//具体见源码注释
                    }

                    @Override
                    protected void onStop() {
                        super.onStop();
                        //发送一个延时handler
                        //因为onStop时还有惯性动画
                        TimeUtil.mHandler.postDelayed(new Runnable() {
                            @Override
                            public void run() {
                                mIsFromClick = false;
                            }
                        }, 500);
                    }
                };
                topScroller.setTargetPosition(postion);
                manager.startSmoothScroll(topScroller);
*/


            }
        });


    }

    private void changePosition() {

        int firstPosition = manager.findFirstVisibleItemPosition();
        if (adapter1.mCheckedPosition != firstPosition) {
            adapter1.mCheckedPosition = firstPosition;
            adapter1.notifyDataSetChanged();

            //此方法无置顶效果
            rcy_title.scrollToPosition(adapter1.mCheckedPosition);
        }


    }

    //获取会员权益
    public Observable<BaseResponse<List<VipBean>>> getVipRightship(RxFragment fragment) {
        RequestBaseOs requestBannerBean = new RequestBaseOs();
        requestBannerBean.setOs(1);
        return RxHttp.getInstance().getSysteService().getVipRights(requestBannerBean)
                .compose(RxUtils.<BaseResponse<List<VipBean>>>switchSchedulers())
                .compose(fragment.<BaseResponse<List<VipBean>>>bindToLifecycle());
    }
    @Subscribe  //订阅事件
    public void onEventMainThread(MessageEvent event) {
        if (event.getAction().equals(EventBusAction.ACTION_REFRSH)) {
            getData();

        }
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        EventBus.getDefault().unregister(this);
    }

}

下面是adapter


/*
 * 会员权益title
 * */
public class MembershipAdapter1 extends RecyclerView.Adapter<MembershipAdapter1.ViewHolder> {
    private Context context;
    private List<VipBean> list = new ArrayList<>();
    public int mCheckedPosition = 0;

    public MembershipAdapter1(Context context) {
        this.context = context;

    }
    public int getmPosition() {
        return mCheckedPosition;
    }

    public void setmPosition(int mPosition) {
        this.mCheckedPosition = mPosition;
    }


    public void setData(List<VipBean> data) {
        if (data != null) {
            list.clear();
            list.addAll(data);
            notifyDataSetChanged();
        }
    }


    public void addData(List<VipBean> data) {
        if (data != null) {
            list.addAll(data);
            notifyItemRangeChanged(0, data.size());
        }
    }


    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View inflate = LayoutInflater.from(context).inflate(R.layout.itme_membership1, parent, false);
        ViewHolder holder = new ViewHolder(inflate);
        return holder;
    }

    @Override
    public void onBindViewHolder(@NonNull final ViewHolder holder, final int position) {
        String categoryTitle = list.get(position).getCategoryTitle();
        if (!TextUtils.isEmpty(categoryTitle)){
            StringBuffer buffer=new StringBuffer(categoryTitle);
            buffer.insert(2,"\n");
            holder.title.setText(buffer.toString());
        }


        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
              onItemAddClick.onShareClick(position);
              notifyDataSetChanged();
            }
        });



        if (position== mCheckedPosition){
            holder.title.setTextColor(Color.parseColor("#F05557"));
            holder.tv.setBackgroundColor( Color.parseColor("#FFFFFF"));//选中灰色，不选择白色
            holder.line.setVisibility(View.VISIBLE);
        }else{
            holder.tv.setBackgroundColor( Color.parseColor("#F8F8F8"));//选中灰色，不选择白色
            holder.line.setVisibility(View.GONE);
            holder.title.setTextColor(Color.parseColor("#333333"));
        }


    }


    @Override
    public int getItemCount() {

        return list == null ? 0 : list.size();


    }

    public class ViewHolder extends RecyclerView.ViewHolder {


        private TextView title;
        private LinearLayout tv;
        private View line;

        public ViewHolder(View itemView) {
            super(itemView);
            tv=itemView.findViewById(R.id.tv);
            title = itemView.findViewById(R.id.title);//标题
            line=itemView.findViewById(R.id.line);

        }
    }

    public static interface OnAddClickListener {

        public void onShareClick(int postion);
    }

    // add click callback
    OnAddClickListener onItemAddClick;

    public void setOnAddClickListener(OnAddClickListener onItemAddClick) {
        this.onItemAddClick = onItemAddClick;
    }
}

public class MembershipAdapter2 extends RecyclerView.Adapter<MembershipAdapter2.ViewHolder> {
    private Context context;
    private List<VipBean> list = new ArrayList<>();


    public MembershipAdapter2(Context context) {
        this.context = context;

    }

    public void setData(List<VipBean> data) {
        if (data != null) {
            list.clear();
            list.addAll(data);
            notifyDataSetChanged();
        }
    }


    public void addData(List<VipBean> data) {
        if (data != null) {
            list.addAll(data);
            notifyItemRangeChanged(0, data.size());
        }
    }


    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View inflate = LayoutInflater.from(context).inflate(R.layout.itme_membership2, parent, false);
        ViewHolder holder = new ViewHolder(inflate);
        return holder;
    }

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        //  List<VipBean.VoBean> info = list.get(position).getCategoryTitle();
        String categoryTitle = list.get(position).getCategoryTitle();

        if (!TextUtils.isEmpty(categoryTitle)) {
            holder.title.setText(categoryTitle);
            holder.title.getPaint().setFakeBoldText(true);
        }

        MembershipAdapter3 adapter3 = new MembershipAdapter3(context);
        GridLayoutManager gridLayoutManager = new GridLayoutManager(context, 3);
        holder.recycleview.setLayoutManager(gridLayoutManager);
        holder.recycleview.setAdapter(adapter3);
        holder.recycleview.setNestedScrollingEnabled(false);
        adapter3.setData(list.get(position).getVo());
        if (position == 0) {
            holder.ll.setVisibility(View.VISIBLE);
        }else{
            holder.ll.setVisibility(View.GONE);
        }
        holder.title2.getPaint().setFakeBoldText(true);


    }


    @Override
    public int getItemCount() {

        return list == null ? 0 : list.size();


    }

    public class ViewHolder extends RecyclerView.ViewHolder {


        private TextView title, title2;
        private RecyclerView recycleview;
        private LinearLayout ll;

        public ViewHolder(View itemView) {
            super(itemView);

            title = itemView.findViewById(R.id.title);//标题
            title2 = itemView.findViewById(R.id.title2);//标题
            recycleview = itemView.findViewById(R.id.recycleview);//icon
            ll=itemView.findViewById(R.id.ll);//

        }
    }

    public static interface OnAddClickListener {

        public void onShareClick();
    }

    // add click callback
    OnAddClickListener onItemAddClick;

    public void setOnAddClickListener(OnAddClickListener onItemAddClick) {
        this.onItemAddClick = onItemAddClick;
    }
}

这就大公告层了

只要按照步骤来 一切都OK

日历先生
关注
  • 0
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Recyclerview 仿饿了么、京东、淘宝、美团实现左右双列表联动效果
m0_37777069的博客
10-15 1419
本项目是简单的页面左右两侧两个RecyclerView联动效果实现。总体思路很简单。希望帮助到大家 布局文件主页 <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com
百度地图开发java源码-NestDemo:Android仿京东,淘宝RecyclerView嵌套ViewPager嵌套RecyclerVie
06-06
百度地图开发java源码 ###最近看到京东,淘宝都有RecyclerView嵌套ViewPager嵌套RecyclerView商品展示的效果,效果挺好,废话不多说先看效果图: 技能点: 1.Android事件分发机制等  需求点: 1.Tab需要吸顶 2.ViewPager可以点击和滑动切换 ####最近在淘宝京东看到类似的效果,有时间就写了一下,效果实现了,但是感觉解决问题的思路和代码有很多瑕疵,写出来抛砖引玉,希望大佬们不吝赐教,写的不好不喜勿喷! ####下面进入正题,先看下布局结构: ####就是标题所说的布局结构 RecyclerView+ViewPager+RecyclerView` #####很多同学看到这里肯定想到要处理滑动冲突,没错,我们简单分析一下好撸代码(虽然是撸好的代码) 横向滑动 横向滑动很简单,RecyclerView不需要处理,ViewPager处理 纵向滑动 纵向滑动就稍微复杂点,本文的解决滑动冲突主要就就是解决外层RecyclerView以及内层RecyclerView的滑动冲突,仔细看下交互效果,不难发现我们需要用Tab是否吸顶作为判断的节点来将滑
左右两个recyclerView联动
12-21
左右两个recyclerView实现滑动上半屏幕时各自滑动各自的，滑动下班屏幕时两个一起滑动
左右两侧两个RecyclerView互相联动，右侧是网格的布局，写出最流畅的列表
pengbo6665631的博客
05-22 7647
概述 最近做项目需要用到两个RecyclerView互相联动的功能，类似美团外卖的点餐列表，不同的是项目用到的右侧是点击分类，要想写出流畅的列表，就一定要考虑得非常的周全，那么左侧一个RecyclerView，右侧一个RecyclerView，尽量减少嵌套，对于如下这种布局我们可以考虑使用GridLayoutManager，然后通过Recyclerview多布局和GridLayoutManage...
android中viewPager+fragment实现的屏幕左右切换(进阶篇)
weixin_30906671的博客
09-14 157
Fragment支持在不同的Activity中使用并且可以处理自己的输入事件以及生命周期方法等。可以看做是一个子Activity。 先看一下布局： 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:tools="http://schemas.an...
RxJava2.0+Retrofit使用
qq_39801871的博客
12-07 213
依赖： compile "io.reactivex.rxjava2:rxjava:2.1.1" compile 'io.reactivex.rxjava2:rxandroid:2.0.1' compile 'com.squareup.retrofit2:retrofit:2.3.0' compile 'com.squareup.retrofit2:converter-gson:2.3.0'
RecyclerView双列表联动
Chin_Style的博客
05-27 6018
双列表联动效果如下： 以上，是博主根据鸿洋大神的玩Android开放的API做的一个客户端，其中导航界面使用了双列表联动来展示数据。 一、前期基础知识储备 1.使用强大的开源项目BRVAH装载两个列表的数据，简单易用，强烈推荐使用； 2.RecyclerView的滚动事件OnScrollListener研究 - 监听列表滚动状态的接口为 RecyclerView.OnScrollLis...
android并排控件,Android两条并排RecyclerView实时联动滑动增强
weixin_30290131的博客
05-30 364
Android两条并排RecyclerView实时联动滑动增强在附录1中，我初步实现了两条垂直摆放的RecyclerView的实时联动滚动，但是附录文章1的实现存在一定问题，比如当用户的手指同时在屏幕的两条RecyclerView区域内滑动，将发生异常。还有就是，比如在RecyclerView1正在滚动时候，用户又在RecyclerView2的区域内手指滑动，这样将触发循环嵌套滚动事件，引发错误，...
Android用Recycleview实现二级联动
10-10
左侧联动右侧： 点击左侧列表的某一项，背景变色，同时右侧列表中对应的分类滚动到顶部 右侧列表悬停： 右侧列表滑动的时候相应的标题栏需要在顶部悬停 标题栏可点击 右侧联动左侧： 滚动右侧列表，监听滚动的...
RecycleView联动效果
10-22
RecycleView联动效果Demo，滑动其中一个RecycleView，另一个RecycleView跟着滑动
android listview+fragment实现仿京东分类
12-26
通过listview和fragment实现仿京东的分类。
Android仿京东左右分类
03-15
最近看到很多购物商城都是采用了一种布局，左边是list列表右侧是商品的列表
android 仿京东购物商城分类视图
11-10
android 仿京东购物商城分类视图,android studio 2.2项目 对应文章看这里： http://blog.csdn.net/stzy00/article/details/47959075
Android 仿京东分类效果
08-20
仿京东APP分类效果,左边是类别，右边是选中类的详细列表
Android+imageview点击边框+仿京东分类页面
11-26
自己做的一个点击imageview加边框和仿京东分类页面，里面还有自定义圆角，纯圆imageview。
recycleView 实现卡片滑动 层叠效果
01-23
recycleView 实现卡片滑动 层叠效果,让你的ui更加强大
RecycleView实现内部拖拽排序和两个RecycleView拖拽对调条目的Demo
04-22
RecycleView实现内部拖拽排序和两个RecycleView拖拽对调条目的Demo
RecycleView 实现复杂首页布局
02-27
自己公司用的，我是根据一个博主学的然后改成自己的。RecycleView 在阿里淘宝首页也是RecycleView 来实现的。
Recyclerview 实现双联表联动
夏至的稻穗的博客
01-25 2558
今天实现的效果如下： 工程可以参考：实现一个可定制的 Tab 或者 Label flow 一、左边联动右边 首先，先看 recycleview 的联动；我们知道 ，要让Recyclerview 滚动，我们可以使用 mRecyclerView.smoothScrollToPosition(position); 使布局平滑移动，但是需要注意的是；当我们点击左边的目标 item 2时；需要分几种情...
两个recycleview实现左右联动
最新发布
05-16
实现左右联动的方式有很多种，其中一种常用的方法是利用 `RecyclerView` 的滑动监听来实现。 首先，需要在布局文件中定义两个 `RecyclerView`，分别表示左侧和右侧的列表，如下所示： ```xml android:layout_...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值