android 美团二级联动,仿美团外卖两个RecyclerView联动与悬浮效果(最讨厌嵌套了)...

这篇博客介绍如何在Android中实现类似美团外卖的二级联动RecyclerView效果,同时展示了悬浮效果的实现。通过XML布局和Activity代码展示了一个完整的解决方案,包括适配器的创建、数据绑定以及滚动监听事件的处理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

想写好久了,第一篇博客,先上效果图

ad5a4b5718b7

image.png

话不多说,不瞎逼逼,上代码

先看看xml.

android:orientation="horizontal" android:layout_width="match_parent"

android:background="@color/white"

android:layout_height="match_parent">

android:id="@+id/a"

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_weight="1"

android:scrollbars="none">

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_weight="3">

android:id="@+id/a_b"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:scrollbars="none">

android:id="@+id/ll_group"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="@color/colorPrimary"

android:orientation="vertical">

android:id="@+id/tv_group_name"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:paddingTop="10dp"

android:paddingBottom="10dp"

android:textColor="@color/white"

/>

这里的textview就是悬浮的效果

看activity代码:

package com.example.kun.recyclerview;

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

import android.support.annotation.Nullable;

import android.support.v7.widget.LinearLayoutManager;

import android.support.v7.widget.RecyclerView;

import android.view.View;

import android.widget.LinearLayout;

import android.widget.TextView;

import com.example.kun.recyclerview.Adapter.AAdapter;

import com.example.kun.recyclerview.Adapter.A_B_Adapter;

import com.example.kun.recyclerview.View.UnKnowNameActivity;

import com.example.kun.recyclerview.constant.ItemEntity;

import java.util.ArrayList;

import java.util.List;

import butterknife.BindView;

import butterknife.ButterKnife;

/**

* Created by Kun on 2017/9/7.

*/

public class RenXingActivity extends Activity {

@BindView(R.id.a)

RecyclerView a;

@BindView(R.id.a_b)

RecyclerView aB;

@BindView(R.id.tv_group_name)

TextView tvGroupName;

@BindView(R.id.ll_group)

LinearLayout llGroup;

private List list = new ArrayList<>();

private AAdapter a_Adapter;

private A_B_Adapter a_B_Adapter;

private LinearLayoutManager aLinerLayoutManager;

private LinearLayoutManager a_bL

联动 RecyclerView:即使不用饿了么订餐,也请务必收藏好该库!由来Linkage-RecyclerView 是一款基于 MVP 架构开发的二级联动列表控件。它是因 “RxJava 魔法师” 这个项目的需求而存在。在初寻遍了 GitHub 也没有找到合适的开源库(高度解耦、可远程依赖)之后,我决心研究参考现有开源项目关于二级联动的逻辑,并自己动手编写一个 高度解耦、轻松配置、可通过 maven 仓库远程依赖 的真正的第三方库。Linkage-RecyclerView 的个性化配置十分简单,依托于 MVP 的 “配置解耦” 特性,使用者无需知道内部的实现细节,仅通过实现 Config 类即可完成功能的定制和扩展。此外,在不设置自定义配置的情况下,LinkageRecyclerView 少只需 一行代码即可运行起来。RxMagicEleme LinearEleme Grid目Linkage-RecyclerView 的目是:一行代码即可接入二级联动列表。除了一键接入而省去 99% 不必要的、复杂的、重复的工作外,你还可以从这个开源项目获得的内容包括:整洁的代码风格和准的资源命名规范。MVP 架构在第三库中的佳实践:使用者无需了解内部逻辑,通过实现接口即可轻松完成个性化配置。优秀的代码分层和封装思想,在不做任何个性化配置的情况下,一行代码即可接入。主体工程基于前沿的、遵循关注点分离的 JetPack MVVM 架构。AndroidX 和 Material Design 2 的全面使用。ConstraintLayout 约束布局的佳实践。绝不使用 Dagger,绝不使用奇技淫巧、编写艰深晦涩的代码。如果你正在思考 如何为项目挑选合适的架构 的话,这个项目值得你参考!简单使用:1.在 build.gradle 中添加对该库的依赖。implementation 'com.kunminx.linkage:linkage-recyclerview:1.2.0'2.依据默认的联动实体类(DefaultLinkageItem)的结构准备一串 JSON。// DefaultLinkageItem.ItemInfo 包含三个字段: String title //二级选项的题(必填) String group //二级选项所在分组的名称,要和对应的一级选项的题相同(必填) String content //二级选项的内容(选填)[   {     "header": "优惠",     "isHeader": true   },   {     "isHeader": false,     "t": {       "content": "好吃的食物,增肥神器,有求必应",       "group": "优惠",       "title": "全家桶"     }   },   {     "header": "热卖",     "isHeader": true   } ]3.在布局中引入 LinkageRecyclerView 。<?xml version="1.0" encoding="utf-8"?>      4.在代码中解析 JSON,少只需一行代码即可完成初始化。List items = gson.fromJson(...); //一行代码完成初始化 linkage.init(items);个性化配置:该库为一级和二级 Adapter 分别准备了 Config 接口(ILevelPrimaryAdapterConfig 和 ILevelSecondaryAdapterConfig),自定义配置时,即是去实现这两个接口,来取代默认的配置。之所以设置成接口的形式,而非 Builder 的形式,是因为二级联动列表内部的联动
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值