Android采用Scroller实现底部二楼效果

需求

在移动应用开发中,有时我们希望实现一种特殊的布局效果,即“底部二楼”效果。这个效果类似于在列表底部拖动时出现额外的内容区域,用户可以继续向上拖动查看更多内容。这种效果可以用于展示广告、推荐内容或其他信息。

效果

实现后的效果如下:

  1. 当用户滑动到列表底部时,可以继续向上拖动,显示出隐藏的底部内容区域。
  2. 底部内容区域可以包含任意视图,如RecyclerView等。
  3. 滑动到一定阈值后,可以自动回弹到初始位置或完全展示底部内容。

实现思路

为了实现这一效果,我们可以自定义一个ScrollerLayout,并使用Scroller类来处理滑动和回弹动画。主要思路如下:

  1. 创建自定义的ScrollerLayout继承自LinearLayout
  2. ScrollerLayout中,遍历所有子视图,找到其中的RecyclerView,并为其添加滚动监听器。
  3. RecyclerView滚动到顶部时,允许整个布局继续向上滑动,展示底部内容区域。
  4. 使用Scroller类实现平滑滚动和回弹效果。

实现代码

ScrollerLayout.kt

package com.yxlh.androidxy.demo.ui.scrollerimport android.content.Context
import android.util.AttributeSet
import android.util.Log
import android.view.MotionEvent
import android.view.View
import android.view.ViewConfiguration
import android.widget.LinearLayout
import android.widget.Scroller
import androidx.recyclerview.widget.RecyclerView
import com.yxlh.androidxy.R//github.com/yixiaolunhui/AndroidXY
class ScrollerLayout @JvmOverloads constructor(context: Context,attrs: AttributeSet? = null,defStyleAttr: Int = 0,
) : LinearLayout(context, attrs, defStyleAttr) {private val mScroller = Scroller(context)private var lastY = 0private var downY = 0private var contentHeight = 0private var isRecyclerViewAtTop = falseprivate val touchSlop = ViewConfiguration.get(context).scaledTouchSlopinit {orientation = VERTICALpost {setupRecyclerViews()}}private fun setupRecyclerViews() {for (i in 0 until childCount) {val child = getChildAt(i)if (child is RecyclerView) {child.addOnScrollListener(object : RecyclerView.OnScrollListener() {override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {isRecyclerViewAtTop = !recyclerView.canScrollVertically(-1)}})}}}override fun onLayout(changed: Boolean, l: Int, t: Int, r: Int, b: Int) {super.onLayout(changed, l, t, r, b)val bottomBar = getChildAt(0)contentHeight = 0for (i in 0 until childCount) {val child = getChildAt(i)if (child is RecyclerView) {contentHeight += child.measuredHeight}}bottomBar.layout(0, measuredHeight - bottomBar.measuredHeight, measuredWidth, measuredHeight)for (i in 1 until childCount) {val child = getChildAt(i)if (child is RecyclerView) {child.layout(0, measuredHeight, measuredWidth, measuredHeight + contentHeight)}}}override fun onInterceptTouchEvent(ev: MotionEvent): Boolean {val isTouchChildren = isTouchInsideChild(ev)Log.d("121212", "onInterceptTouchEvent isTouchChildren=$isTouchChildren")when (ev.action) {MotionEvent.ACTION_DOWN -> {downY = ev.y.toInt()lastY = downY}MotionEvent.ACTION_MOVE -> {val currentY = ev.y.toInt()val dy = currentY - downYif (isRecyclerViewAtTop && dy > touchSlop) {lastY = currentYreturn true}}}return super.onInterceptTouchEvent(ev)}override fun onTouchEvent(event: MotionEvent): Boolean {when (event.action) {MotionEvent.ACTION_DOWN -> {if (!isTouchInsideChild(event)) return falseif (!mScroller.isFinished) {mScroller.abortAnimation()}lastY = event.y.toInt()return true}MotionEvent.ACTION_MOVE -> {if (!isTouchInsideChild(event)) return falseval currentY = event.y.toInt()val dy = lastY - currentYval scrollY = scrollY + dyif (scrollY < 0) {scrollTo(0, 0)} else if (scrollY > contentHeight) {scrollTo(0, contentHeight)} else {scrollBy(0, dy)}lastY = currentYreturn true}MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL -> {val threshold = contentHeight / 2if (scrollY > threshold) {showNavigation()} else {closeNavigation()}return true}}return false}private fun isTouchInsideChild(event: MotionEvent): Boolean {val x = event.rawX.toInt()val y = event.rawY.toInt()for (i in 0 until childCount) {val child = getChildAt(i)if (isViewUnder(child, x, y)) {return true}}return false}private fun isViewUnder(view: View?, x: Int, y: Int): Boolean {if (view == null) return falseval location = IntArray(2)view.getLocationOnScreen(location)val viewX = location[0]val viewY = location[1]return x >= viewX && x < viewX + view.width && y >= viewY && y < viewY + view.height}fun showNavigation() {val dy = contentHeight - scrollYmScroller.startScroll(scrollX, scrollY, 0, dy, 500)invalidate()}private fun closeNavigation() {val dy = -scrollYmScroller.startScroll(scrollX, scrollY, 0, dy, 500)invalidate()}override fun computeScroll() {if (mScroller.computeScrollOffset()) {scrollTo(mScroller.currX, mScroller.currY)postInvalidateOnAnimation()}}
}

ScrollerActivity.kt

package com.yxlh.androidxy.demo.ui.scrollerimport android.graphics.Color
import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.RecyclerView
import com.yxlh.androidxy.R
import com.yxlh.androidxy.databinding.ActivityScrollerBinding
import kotlin.random.Randomclass ScrollerActivity : AppCompatActivity() {private var binding: ActivityScrollerBinding? = nulloverride fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)binding = ActivityScrollerBinding.inflate(layoutInflater)setContentView(binding?.root)//内容布局binding?.content?.layoutManager = LinearLayoutManager(this)binding?.content?.adapter = ColorAdapter(false)//底部布局binding?.bottomContent?.layoutManager = LinearLayoutManager(this)binding?.bottomContent?.adapter = ColorAdapter(true)binding?.content?.addOnScrollListener(object : RecyclerView.OnScrollListener() {override fun onScrollStateChanged(recyclerView: RecyclerView, newState: Int) {if (!recyclerView.canScrollVertically(1) && newState == RecyclerView.SCROLL_STATE_IDLE) {binding?.scrollerLayout?.showNavigation()}}})}
}class ColorAdapter(private var isColor: Boolean) : RecyclerView.Adapter<ColorAdapter.ColorViewHolder>() {private val colors = List(100) { getRandomColor() }override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ColorViewHolder {val view = LayoutInflater.from(parent.context).inflate(R.layout.item_color, parent, false)return ColorViewHolder(view, isColor)}override fun onBindViewHolder(holder: ColorViewHolder, position: Int) {holder.bind(colors[position], position)}override fun getItemCount(): Int = colors.sizeprivate fun getRandomColor(): Int {val random = Random.Defaultreturn Color.rgb(random.nextInt(256), random.nextInt(256), random.nextInt(256))}class ColorViewHolder(itemView: View, private var isColor: Boolean) : RecyclerView.ViewHolder(itemView) {fun bind(color: Int, position: Int) {if (isColor) {itemView.setBackgroundColor(color)}itemView.findViewById<TextView>(R.id.color_tv).text = "$position"}}
}

结束

通过上述代码,我们成功实现了底部二楼效果。在用户滑动到RecyclerView底部时,可以继续向上拖动以显示底部的内容区域。这种效果可以增强用户体验,增加更多的内容展示方式。通过自定义布局和使用Scroller类,我们可以轻松实现这种复杂的滑动效果。
详情:github.com/yixiaolunhui/AndroidXY

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/853186.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

算法01 递推算法及相关问题详解【C++实现】

目录 递推的概念 训练&#xff1a;斐波那契数列 解析 参考代码 训练&#xff1a;上台阶 参考代码 训练&#xff1a;信封 解析 参考代码 递推的概念 递推是一种处理问题的重要方法。 递推通过对问题的分析&#xff0c;找到问题相邻项之间的关系&#xff08;递推式&a…

【Java】登录模块优化 jwt原理以及使用

上手第一步先整个登录模块&#xff0c;找资料做个优化&#xff0c;感觉找来博客写的很杂乱&#xff0c;原理写的非常冗长&#xff0c;完了用法说的的不清不楚的。自己总结一下&#xff0c;也顺便巩固。 兄弟萌&#xff0c;如果感觉写得好的话&#xff0c;给个赞再叉呗~~ 参考&…

MFC基础学习应用

MFC基础学习应用 1.基于对话框的使用 左上角为菜单键&#xff08;其下的关于MFC主要功能由IDD_ABOUTBOX决定) 附图 右下角为按钮&#xff08;基本功能由IDD_DIALOG决定,添加按钮使用由左上角的工具箱完成) 附图 2.自行添加功能与按钮//功能代码 void CMFCApplication4Dlg:…

JS基础与高级应用: 性能优化

在现代Web开发中&#xff0c;性能优化已成为前端工程师必须掌握的核心技能之一。本文从URL输入到页面加载完成的全过程出发&#xff0c;深入分析了HTTP协议的演进、域名解析、代码层面性能优化以及编译与渲染的最佳实践。通过节流、防抖、重复请求合并等具体技术手段&#xff0…

linux驱动学习(九)之中断

一、中断的实现 对于中断的请求&#xff0c;在linux内核中&#xff0c;有一套标准的接口函数&#xff0c;可以实现中断的响应和处理。 #include <linux/interrupt.h>//1 申请中断 static inline int __must_check request_irq(unsigned int irq, irq_handler_t handler…

flask南京市旅游景点信息可视化-计算机毕业设计源码02941

摘 要 信息化社会内需要与之针对性的信息获取途径&#xff0c;但是途径的扩展基本上为人们所努力的方向&#xff0c;由于站在的角度存在偏差&#xff0c;人们经常能够获得不同类型信息&#xff0c;这也是技术最为难以攻克的课题。针对南京市旅游景点信息可视化等问题&#xff0…

Python笔记 - 运算符重载

在使用NumPy做一些数据处理的时候&#xff0c;发现NumPy的[]运算符其实和普通的python列表是不同的&#xff0c;意识到很可能是numpy做了运算符重载&#xff0c;查阅了一下果然如此。这篇笔记就介绍一下python中如何进行运算符重载. Python重载运算符 在Python中&#xff0c;…

使用gtest做cpp的单元测试并可查看代码覆盖率

前言 由于工作需要&#xff0c;要使用googletest做单元测试&#xff0c;本文记录下搭建gtest单元测试环境&#xff0c;并查看代码覆盖率的方法&#xff0c;以备不时之需。 准备工作 编译gtest 克隆gtest源码&#xff1a; git clone https://github.com/google/googletest.g…

公司面试题总结(三)

13.说说你对 BOM 的理解&#xff0c;常见的 BOM 对象你了解哪些&#xff1f; BOM (Browser Object Model)&#xff0c;浏览器对象模型&#xff0c; ⚫ 提供了独立于内容与浏览器窗口进行交互的对象 ⚫ 其作用就是跟浏览器做一些交互效果 ⚫ 比如如何进行页面的后退&…

VIRT高是因为分配了太多地址空间导致。

一般来说不用太在意VIRT太高&#xff0c;因为你有16EB的空间可以使用。 如果你实在需要控制VIRT的使用&#xff0c;设置环境变量MALLOC_ARENA_MAX&#xff0c;例如: hadoop推荐值为4&#xff0c;因为YARN使用VIRT值监控资源使用。 解决办法就是&#xff1a; export MALLOC_AR…

C语言中的枚举类型(enum)是如何定义的

在C语言中&#xff0c;枚举类型&#xff08;enum&#xff09;是一种用户定义的数据类型&#xff0c;它允许为整数值指定一个易读的名字。枚举类型通常用于表示固定数量的可能值&#xff0c;例如一周的七天或颜色的集合。 枚举类型的定义使用关键字 enum&#xff0c;后面跟着枚…

QUIC 和 TCP: 深入解析为什么 QUIC 更胜一筹

引言 在过去的三十年里&#xff0c;HTTP&#xff08;超文本传输协议&#xff09;一直是互联网的支柱。我们可以通过 HTTP 浏览网页、下载文件、流式传输电影等。这一协议随着时间的推移已经得到了重大改进。 HTTP 协议是一个应用层协议&#xff0c;它基于 TCP&#xff08;传输…

【git使用一】windows下git下载、安装和卸载

目录 &#xff08;1&#xff09;下载安装包 &#xff08;2&#xff09;安装git &#xff08;3&#xff09;安装验证 &#xff08;4&#xff09;卸载git &#xff08;1&#xff09;下载安装包 官网下载地址&#xff1a;Git 国内镜像下载地址&#xff1a;CNPM Binaries Mir…

Unity图集

概述 相信在同学们学习过程中&#xff0c;在UI的的使用时候一定经常听说过图集的概念。 Unity有UI的组件&#xff0c;有同学们好奇&#xff0c;那为什么还要使用图集呢&#xff1f; 这就需要提到一个性能优化的问题了&#xff0c;因为过多的UI图片&#xff0c;会大幅增加Dra…

【机器学习】LightGBM: 优化机器学习的高效梯度提升决策树

&#x1f308;个人主页: 鑫宝Code &#x1f525;热门专栏: 闲话杂谈&#xff5c; 炫酷HTML | JavaScript基础 ​&#x1f4ab;个人格言: "如无必要&#xff0c;勿增实体" 文章目录 LightGBM: 优化机器学习的高效梯度提升决策树引言一、LightGBM概览二、核心技术…

buildroot编译出错you should not run configure as root

虚拟机版本&#xff1a;ubuntu-22.04.4 问题 buildroot在图形配置后&#xff0c;执行 sudo make开始编译出现以下错误configure: error: you should not run configure as root (set FOenvironment to bypass this check) 在网上看到说在/etc/profile文件中添加以下内容 exp…

火车头采集织梦发布模块插件下载及教程

火车头采集网页数据发布到织梦CMS&#xff08;DeDeCMS&#xff09;系统操作步骤如下&#xff1a; 1. 火车头采集织梦DeDeCMS发布模块下载安装 百度网盘&#xff1a;火车头采集织梦CMS发布插件下载地址 提取码&#xff1a;414h 2. 在火车头采集软件导入织梦De…

MAC系统下安装VUE

下载node.js 点击链接 选择图片中的稳定版本 安装node.js 打开终端&#xff0c;输入 node -v 和 npm -v 显示如上信息表示安装成功 安装vue脚手架&#x1f527; sudo npm install -g vue/cli查看vue版本 vue -V6. 启动项目 1 采用 图形页面方式 控制台输入&#xff…

MySQL 中 Varchar(50) 和 varchar(500) 区别是什么?

一. 问题描述 我们在设计表结构的时候&#xff0c;设计规范里面有一条如下规则: 对于可变长度的字段&#xff0c;在满足条件的前提下&#xff0c;尽可能使用较短的变长字段长度。 为什么这么规定&#xff1f;我在网上查了一下&#xff0c;主要基于两个方面 基于存储空间的考…

C# Winform 用户控件,扩展控件,自定义控件综合实例

Control类是Windows窗体控件的基类&#xff0c;它提供了在 Windows 窗体应用程序中进行可视显示所需的基础结构&#xff0c;可以通过继承来扩展熟悉的用户控件和现有控件的功能。本列介绍三种不同自定义控件以及怎么创建他们。 自定义控件分类 用户控件&#xff1a;基本控件的…