当前位置：首页 > news >正文

Android实现RecyclerView边缘渐变效果

news 来源：原创 2025/6/11 10:10:08

Android实现RecyclerView边缘渐变效果

1.前言：

是指在RecyclerView中实现淡入淡出效果的边缘效果。通过这种效果，可以使RecyclerView的边缘在滚动时逐渐淡出或淡入，以提升用户体验。

2.Recyclerview属性：

2.1、requiresFadingEdge：属性用来设置拉滚动条时，边框渐变的方向。

none（边框颜色不变）
horizontal（水平方向颜色变淡）
vertical（垂直方向颜色变淡）

2.2、fadingEdgeLength：用来设置边框渐变的长度

    <androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/rv_effect"android:layout_width="0dp"android:layout_height="0dp"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent"android:fadingEdgeLength="40dp"android:fadingEdge="vertical"android:requiresFadingEdge="vertical"tools:listitem="@layout/item_effect"android:padding="15dp"/>

3.简单适配器：

package com.cloud.recyclervieweffectdemo.adapterimport android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.ImageView
import android.widget.TextView
import androidx.recyclerview.widget.RecyclerView
import com.cloud.recyclervieweffectdemo.R
import com.cloud.recyclervieweffectdemo.bean.EffectBean/*** @author: njb* @date:   2024/12/10 23:14* @desc:   描述*/
class EffectAdapter(private val dataList: MutableList<EffectBean>) : RecyclerView.Adapter<EffectAdapter.EffectViewHolder>() {override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): EffectViewHolder {val view = LayoutInflater.from(parent.context).inflate(R.layout.item_effect,parent,false)return EffectViewHolder(view)}override fun getItemCount(): Int {return dataList.size}override fun onBindViewHolder(holder: EffectViewHolder, position: Int) {val data = dataList[position]holder.textView.text = data.name}class EffectViewHolder(itemView: View) :RecyclerView.ViewHolder(itemView){val textView:TextView = itemView.findViewById(R.id.tv_name)val ivAvatar:ImageView = itemView.findViewById(R.id.iv_avatar)}
}

4.实体类：

package com.cloud.recyclervieweffectdemo.bean/*** @author: njb* @date:   2024/12/10 23:16* @desc:   描述*/
data class EffectBean(var name:String = "",var avatar:String = ""
)

5.主界面布局：

<?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/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:id="@+id/main"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/rv_effect"android:layout_width="0dp"android:layout_height="0dp"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent"android:fadingEdgeLength="40dp"android:fadingEdge="vertical"android:requiresFadingEdge="vertical"tools:listitem="@layout/item_effect"android:padding="15dp"/></androidx.constraintlayout.widget.ConstraintLayout>

6.item布局：

<?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/apk/res-auto"android:layout_width="match_parent"android:layout_height="wrap_content"><ImageViewandroid:id="@+id/iv_avatar"android:layout_width="wrap_content"android:layout_height="wrap_content"android:scaleType="fitCenter"android:src="@mipmap/ic_girl"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent" /><androidx.appcompat.widget.AppCompatTextViewandroid:id="@+id/tv_name"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="天地"android:textColor="@color/black"android:textSize="24sp"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/iv_avatar" />
</androidx.constraintlayout.widget.ConstraintLayout>

7.测试代码：

竖向渐变

package com.cloud.recyclervieweffectdemoimport android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.RecyclerView
import com.cloud.recyclervieweffectdemo.adapter.EffectAdapter
import com.cloud.recyclervieweffectdemo.bean.EffectBeanclass MainActivity : AppCompatActivity() {private var adapter:EffectAdapter ?= nullprivate var dataList:MutableList<EffectBean> ?= nullprivate val rvEffect:RecyclerView by lazy { findViewById(R.id.rv_effect) }override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_main)initData()initAdapter()}private fun initData() {val effectBean = EffectBean()dataList = ArrayList()for(i in 1..15){effectBean.name = "小麦"effectBean.avatar = "222"dataList?.add(effectBean)}}private fun initAdapter() {adapter = dataList?.let { EffectAdapter(it) }rvEffect.layoutManager = LinearLayoutManager(this)rvEffect.adapter = adapter}
}

8.横向渐变：

package com.cloud.recyclervieweffectdemoimport android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.RecyclerView
import com.cloud.recyclervieweffectdemo.adapter.EffectAdapter
import com.cloud.recyclervieweffectdemo.bean.EffectBeanclass MainActivity : AppCompatActivity() {private var adapter:EffectAdapter ?= nullprivate var dataList:MutableList<EffectBean> ?= nullprivate val rvEffect:RecyclerView by lazy { findViewById(R.id.rv_effect) }override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_main)initData()initAdapter()}private fun initData() {val effectBean = EffectBean()dataList = ArrayList()for(i in 1..15){effectBean.name = "小麦"effectBean.avatar = "222"dataList?.add(effectBean)}}private fun initAdapter() {adapter = dataList?.let { EffectAdapter(it) }rvEffect.layoutManager = LinearLayoutManager(this,LinearLayoutManager.HORIZONTAL,false)rvEffect.adapter = adapter}
}

<?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/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:id="@+id/main"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/rv_effect"android:layout_width="0dp"android:layout_height="0dp"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent"android:fadingEdgeLength="40dp"android:fadingEdge="horizontal"android:requiresFadingEdge="horizontal"tools:listitem="@layout/item_effect"android:padding="15dp"/></androidx.constraintlayout.widget.ConstraintLayout>

9.实现效果：

在这里插入图片描述

10.demo地址：

https://gitee.com/jackning_admin/recycler-view-effect-demo

Android实现RecyclerView边缘渐变效果

Android实现RecyclerView边缘渐变效果 1.前言： 是指在RecyclerView中实现淡入淡出效果的边缘效果。通过这种效果，可以使RecyclerView的边缘在滚动时逐渐淡出或淡入，以提升用户体验。 2.Recyclerview属性： 2.1、requiresFading…...

编程日记 2025/6/3 3:42:22

springboot结合AES和国密SM4进行接口加密

api接口加密 1.为什么需要api接口加密呢？ 1.防止爬虫 2.防止数据被串改 3.确保数据安全 2.如何实现接口加密呢？ 3.我们可以使用哪些加密算法来加密呢？ AES 密码学中的高级加密标准（Advanced Encryption Standard，…...

编程日记 2025/6/3 10:17:23

后端项目java中字符串、集合、日期时间常用方法

我这里只介绍了项目中最常用的哈，比如像集合有很多，但我们最常用的就是ArrayList。然后我这里会以javascript中的字符串、数组的方法为基准来实现，有些方法js和java会有些区别也会介绍字符串每次修改 String 对象都会创建一个新的对象，而 StringBuffer 可以在同一个对象…...

编程日记 2025/5/30 20:46:21

前端框架Vue的路由机制

大家好，我是G探险者。最近在调试前端代码的时候，遇到一个问题。首先我们有一个门户页面，该页面里面有很多的豆腐块，每个豆腐块会配置一个系统的跳转连接。我的系统就是其中一个豆腐块，我第一次登录进来之后&#xf…...

编程日记 2025/6/3 0:08:38

首先我们写一个侧边栏工具类，示例如下： import package:flutter/material.dart;class Sidebar extends StatelessWidget {overrideWidget build(BuildContext context) {return Drawer(child: ListView(padding: EdgeInsets.zero,children: <Widget&…...

编程日记 2025/6/1 3:35:27

华为数通最新题库 H12-821 HCIP稳定过人中

以下是成绩单和考试人员 HCIP H12-831 HCIP H12-725 安全中级...

编程日记 2025/5/28 8:41:19

算法训练第二十三天|93. 复原 IP 地址 78. 子集 90. 子集 II

93. 复原 IP 地址--分割题目有效 IP 地址正好由四个整数（每个整数位于 0 到 255 之间组成，且不能含有前导 0），整数之间用 . 分隔。例如："0.1.2.201" 和 "192.168.1.1" 是有效 IP 地址&…...

编程日记 2025/6/3 22:44:40

JS，递归，处理树形数据组件,模糊查询树形结构数据字段

JS递归如何模糊查询树形结构数据,根据数据中的某一个字段值，模糊匹配直接拿去使用就行 function filterTreeLabel(arr, label) {let result []arr.forEach((item) > {// if (String(item.POBJECT_NAME).toLowerCase().indexOf(label)!-1) {if (String(item.P…...

编程日记 2025/6/4 7:22:42

前端大数字精度丢失？Choerodon UI 大数字解决方案：精确性与灵活性的结合！

01 引言在企业项目开发中，数据的精确性是关键。Choerodon UI 的大数字解决方案，通过其高精度计算、数据一致性维护、灵活的数据交互、国际化支持、兼容性保障、定制化格式化等优势，为开发人员提供了一个强大的武器库，以确保在处…...

编程日记 2025/6/1 6:10:41

matlab凸包检测

% 创建一个3D点集 points [1 2 3; 4 5 6; 7 8 9; 10 11 12; 13 14 15]; % 使用convhull函数计算凸包 hull convhull(points); % 输出凸包点的索引 disp(Convex Hull Indices:); disp(hull); % 绘制点集和凸包 figure; scatter3(points(:,1), points(:,2), points(:,3),…...

编程日记 2025/5/30 23:20:44

单节点calico性能优化

在单节点上部署calicov3273后，发现资源占用修改calico以下配置是资源消耗降低 1、因为是单节点，没有跨节点pod网段组网需要，禁用overlay方式网络(ipip，vxlan),使用route方式网络配置calico-node的环境变量 CALICO_IPV4POOL_I…...

编程日记 2025/6/2 10:08:04

【芯片设计- RTL 数字逻辑设计入门番外篇 7.1 -- 基于ATE的IC测试原理】

文章目录 ATE 测试概述Opens/Shorts测试Leakage测试AC测试转自：漫谈大千世界漫谈大千世界 2024年10月23日 23:17 湖北 ATE 测试概述 ATE（Automatic Test Equipment）是用于检测集成电路（IC）功能完整性的自动测试设备。它在半导体产业中扮演着至关重要的角色，主要用于检…...

编程日记 2025/6/3 6:16:57

oracle 导入数据提示跳过表

imp system/orclorcl fileD:\oracle_back.dmp fully showy logD:\oracle_log.log 今天用上面的命令往 oracle 中导入数据出现一个奇怪的问题就是所有导入的表都提示正在跳过表XXX 最后提示成功终止导入, 没有出现警告。最后select一个表也没导入进来怪哉怪哉！…...

编程日记 2025/6/4 14:28:23

鸿蒙开发（15）案例排行榜

排行榜准备图片定义案例需要的数据模型创建Models文件， //定义app需要的数据模型export class FruitData{name:string;vote:string;id:string;constructor(id:string,name:string,vote:string,) {this.id idthis.name namethis.vote vote}}排行榜头部创…...

编程日记 2025/5/30 16:59:20

【Java Web】Axios实现前后端数据异步交互

目录一、Promise概述二、Promise基本用法三、async和await关键字四、Axios介绍 4.1 Axios基本用法 4.2 Axios简化用法之get和post方法五、Axios拦截器六、跨域问题处理一、Promise概述 axios是代替原生的ajax实现前后端数据交互的一套新解决方案，而…...

编程日记 2025/6/4 7:44:34

SLAAC如何工作？

SLAAC如何工作？ IPv6无状态地址自动配置(SLAAC)-常见问题 - 苍然满关中 - 博客园 https://support.huawei.com/enterprise/zh/doc/EDOC1100323788?sectionj00shttps://www.zhihu.com/question/6691553243/answer/57023796400 主机在启动或接口UP后，发…...

编程日记 2025/6/2 18:35:37

微信小程序UI自动化测试实践 !

微信小程序UI自动化测试实践引言： 随着微信小程序的快速发展，越来越多的企业和开发者开始开发小程序来满足用户的需求。而在开发小程序的过程中，UI自动化测试是一个必不可少的环节，可以帮助开发者减少人工测试的工作量&#xff…...

编程日记 2025/6/3 8:50:50

代码随想录-笔记-其七

我们来到了贪心算法的章节。贪心算法和其他部分不太一样的是，他更多的是突出一种思路：通过求局部最优解来求全局最优解。因为只是一个大的思想逻辑，针对不同题型总是有不同的解决方案，所以贪心算法也不想其他算法那样有一个很经…...

编程日记 2025/6/1 12:43:08

react身份证回显

1. 处理身份证号的函数 function getAgeSexAndBirthdate(idCard: string): { sex: 男 | 女 | null; birthdate: Date | null } {if (idCard.length ! 18) {console.error(身份证号码必须是18位。);return { sex: null, birthdate: null };}// 提取出生年月日const year parse…...

编程日记 2025/6/4 15:47:47

Hibernate、JPA、Spring DATA JPA、Hibernate 代理和架构

大家好，今天，我们将讨论 Hibernate 和 JPA 架构。在开始我们的文章之前，我想回答一个重要的问题：为什么我们需要使用 Hibernate、Eclipse Link、EF core 等 ORM 工具？ 事实上，这是一个非常好的问题。我们…...

编程日记 2025/6/2 19:03:58

leetcode----mysql

1179. 重新格式化部门表 - 力扣（LeetCode） 表 Department： ------------------------ | Column Name | Type | ------------------------ | id | int | | revenue | int | | month | varchar | ----…...

编程日记 2025/6/3 19:54:42

盛元广通畜牧与水产品检验技术研究所LIMS系统

一、系统概述盛元广通畜牧与水产品检验技术研究所LIMS系统集成了检测流程管理、样品管理、仪器设备管理、质量控制、数据记录与分析、合规性管理等功能于一体，能够帮助实验室实现全流程的数字化管理。在水产、畜牧产品的质检实验室中，LIMS系统通过引入…...

编程日记 2025/6/2 19:04:58

EXCEL文件解析

[Excel文件名].xlsx (解压后) │ ├── _rels │ └── .rels (定义关系文件) ├── docProps │ ├── app.xml (应用程序属性) │ └── core.xml (核心文档属性) ├── xl │ ├── _rels │ │ └── workbook.xml.rels (工作簿关系文件) │ ├── …...

编程日记 2025/6/2 19:03:28

【C++】- 掌握STL List类：带你探索双向链表的魅力

文章目录前言：一.list的介绍及使用1. list的介绍2. list的使用2.1 list的构造2.2 list iterator的使用2.3 list capacity2.4 list element access2.5 list modiﬁers2.6 list的迭代器失效二.list的模拟实现1. list的节点2. list的成员变量3.list迭代器相关问题3.1…...

编程日记 2025/6/1 20:25:39

开源 AI 智能名片 S2B2C 商城小程序中运营与产品的关系剖析

摘要：本文聚焦于开源 AI 智能名片 S2B2C 商城小程序，深入探讨其中运营与产品之间的关系。通过分析运营与产品的多种关系认知，阐述在该特定小程序情境下运营与产品相互依存、相互作用的机制，包括运营对产品的需求以及产品对运营的依…...

编程日记 2025/6/3 19:31:00

flask_socketio 以继承 Namespace方式实现一个网页聊天应用

点击进入上一篇，可作为参考实验环境 python 用的是3.11.11 其他环境可以通过这种方式一键安装： pip install flask3.1.0 Flask-SocketIO5.4.1 gevent-websocket0.10.1 -i https://mirrors.tuna.tsinghua.edu.cn/pypi/web/simple pip list 详情如下&am…...

编程日记 2025/6/2 19:02:58

DePIN潜力项目Spheron解读：激活闲置硬件，赋能Web3与AI

DePIN赛道作为今年加密资本关注的热点之一，不仅吸引了大量资金涌入，还凭借其灵活的资源调配、高效的运作方式和可靠的安全性能，逐渐渗透到多个领域和项目中。例如，Helium的无线网络协议、IoTeX的去中心化物联网、IO NET的去中心化…...

编程日记 2025/6/2 18:57:28

《Vue进阶教程》第十六课：深入完善响应式系统之单例模式

往期内容： 《Vue进阶教程》第五课：ref()函数详解(重点) 《Vue进阶教程》第六课：computed()函数详解(上) 《Vue进阶教程》第七课：computed()函数详解(下) 《Vue进阶教程》第八课：watch()函数的基本使用《Vue进阶教…...

编程日记 2025/6/2 19:04:58

C++ —— const修饰指针

C —— const修饰指针常量指针（实际开发中用的很多）指针常量（了解即可）常指针常量（了解即可） 常量指针（实际开发中用的很多） 语法：const 数据类型 *变量名; 不能通过解…...

编程日记 2025/5/27 7:04:35

【学习笔记】数据结构（八）

动态存储管理文章目录动态存储管理8.1 概述8.2 可利用空间表及分配方法8.3 边界标识法8.3.1 可利用空间表的结构8.3.2 分配算法8.3.3 回收算法 8.4 伙伴系统8.4.1 可利用空间表的结构8.4.2 分配算法8.4.3 回收算法 8.5 无用单元收集 - 垃圾回收机制8.6 存储紧缩 - 内存碎片化…...

编程日记 2025/6/3 21:27:23

maven-resources-production:ratel-fast: java.lang.IndexOutOfBoundsException

Maven生产环境中遇到java.lang.IndexOutOfBoundsException的问题，尝试了重启电脑、重启IDEA等常规方法无效，最终通过直接重建工程解决了问题。 Rebuild Project 再启动OK...

编程日记 2025/5/29 14:16:54

建投数据与腾讯云数据库TDSQL完成产品兼容性互认证

近日，经与腾讯云联合测试，建投数据自主研发的人力资源信息管理系统V3.0、招聘管理系统V3.0、绩效管理系统V2.0、培训管理系统V3.0通过腾讯云数据库TDSQL的技术认证，符合腾讯企业标准的要求，产品兼容性良好，性能卓越。 …...

编程日记 2025/6/4 9:56:27

后端-添加购物车和查看购物车

...

编程日记 2025/6/1 12:43:03

【HarmonyOS NEXT】Web 组件的基础用法以及 H5 侧与原生侧的双向数据通讯

关键词：鸿蒙、ArkTs、Web组件、通讯、数据官方文档Web组件用法介绍：文档中心 Web 组件加载沙箱中页面可参考我的另一篇文章：【HarmonyOS NEXT】如何将rawfile中文件复制到沙箱中_鸿蒙rawfile 复制到沙箱-CSDN博客目录如何在鸿蒙应用中加…...

编程日记 2025/6/1 10:48:36

7-2 排序

输入一批未排序的数据，数量不超过30个，请使用选择法或者冒泡法对其排序，并按照规定的要求输出。输入格式: 先输入待排序的整形数的个数；然后输入所有的待排序的数据。输出格式: 在一行中按照由大到小的顺序输出排序好的数据…...

编程日记 2025/6/3 2:14:26

Java通过反射破坏单例模式

有个第三方工具类，不支持多例模式。但是又不能直接改第三方工具类的代码，因此可以通过反射破坏第三方工具类的单例。第三方工具类反编译如下可以看到构造函数进行了私有化，不允许外部new，只能通过newInstance进行实例化。并且…...

编程日记 2025/6/3 2:34:23

FFmpeg第一话：FFmpeg 简介与环境搭建

FFmpeg 探索之旅一、FFmpeg 简介与环境搭建二、FFmpeg 解码详解第一话：FFmpeg 简介与环境搭建 FFmpeg 探索之旅一、前言二、FFmpeg 是什么？三、简单介绍其历史背景四、为什么用 C学习 FFmpeg？（一）高性能优势&#…...

编程日记 2025/6/2 10:26:53

C++并发编程： std::atomic对指针进行操作

std::atomic 对指针进行运算的用途 std::atomic 提供了一种在多线程环境中安全地操作指针的方法。这对于实现线程安全的指针管理、动态内存分配、链表操作等场景非常有用。通过使用std::atomic对指针进行运算，可以确保指针操作的原子性和多线程安全性。常见用途 …...

编程日记 2025/6/3 10:09:17

工业大数据分析算法实战-day08

文章目录 day08模型评价聚类算法基于距离的聚类基于层次的聚类基于密度的聚类基于分布的聚类聚类结果的评价 day08 今天是第8天，昨日阐述了概率图模型和集成学习的分类，主要讲解了有向图和无向图，生成式模型和判断式模型，以及集成…...

编程日记 2025/6/1 12:42:53

在 C# 中实现的目录基础操作

前言在开发应用程序过程中，对操作系统上的文件夹存储文件和子文件夹操作是常见的需求。.NET中的Directory类提供了处理文件目录的功能。本文介绍如何读取文件夹的属性、获取文件夹的大小及文件个数、创建文件夹、遍历文件夹中的所有文件、移动文件夹和删除文件夹等…...

编程日记 2025/5/30 10:56:57

Python 标识符是啥？

Python 的标识符就是我们写代码时用来给变量、函数、类等取名字的东西。你写的 my_variable 是个标识符， 定义的 add_numbers 函数名也是个标识符， 甚至你写的 Cat 类名，也是标识符。一句话总结：标识符就是代码里给“东西”起…...

编程日记 2025/6/4 11:20:53

WEB开发：全栈工程师起步 - Python Flask +SQLite的管理系统实现

一、前言罗马不是一天建成的。每个全栈工程师都是从HELLO WORLD 起步的。之前我们分别用NODE.JS 、ASP.NET Core 这两个框架实现过基于WebServer的全栈工程师入门教程。今天我们用更简单的来实现： Python。我们将用Python来实现一个学生管理应用&#xff0…...

编程日记 2025/6/4 16:02:26

将 Matplotlib 图形转换为 PIL 图像并返回

将 Matplotlib 图形转换为 PIL 图像并返回前言完整代码Matplotlib 中 fig 和 ax 的关系示例： 问题分析常见错误及解决方案总结前言 Matplotlib 是 Python 里最流行的图表展示库，PIL (Python Imaging Library)则是一个强大的图像处理库。在开发过程中&…...

编程日记 2025/6/2 21:34:42