recycleview实现title横向滑动，点击条目居中显示

最新推荐文章于 2024-07-23 14:13:58 发布
最新推荐文章于 2024-07-23 14:13:58 发布
阅读量6.3k 收藏 8
点赞数 1
分类专栏： android开发 第三方控件 文章标签： android-recyclerview 自定义title
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lmq121210/article/details/72418079
版权
本文介绍了如何使用RecyclerView实现标题横向滑动并确保点击条目居中显示。通过获取点击位置的item距离，结合scrollBy和scrollToPosition方法进行滚动调整，达到了类似HorizontalScrollView与GridView的效果。
摘要由CSDN通过智能技术生成

首先这种需求常规有两种做法，
第一种：动态创建TextView 然后放入到LinearLayout，Linearlayout在HorizontalScrollView中；
第二种：就是HorizontalScrollView + GridView；
这里我们使用recycleview就可以实现了。

思路：获取点击的position的item，然后获取左边可见的条目的距离left，获取右边可见的条目的距离right，然后（left + right）/2就行了
效果图如下：
这里写图片描述

原理图如下所示：

这里写图片描述
现在问题就是怎样获取left和Right：
首先我们获取第一个可见条目和最后一个可见条目下标：（注意： position就是我们点击的item下标；）

最低0.47元/天 解锁文章
粗鲁先生
关注
专栏目录
android上使用RecyclerView实现顶部悬浮标题效果的Sticky Title View
蹦跶的小码哥
07-25 1万+
目前很多的项目都在使用顶部悬浮标题的效果，很明显，这的确是一个比较人性化，用户体验效果比较好的UI交互效果，对于这个效果，有很多种实现方式，如果说要用RecyclerView来实现一个分类信息展示，并且要用到顶部标题栏悬浮显示当前分类的效果，应该怎么实现呢？ 先来看个效果。 大概就这么一个效果，建议大家看效果时候，忽略左边的list列表，因为没有做关联，左边就是一个摆设。
RecyclerView 列表点击定位到中间位置
weixin_42046829的博客
11-24 1176
实现效果 如果我们需要实现点击RecyclerView 列表定位到中间的位置，如下图 一般情况下，RecyclerView 的列表滚动到指定位置，我们会使用 RecyclerView 的 smoothScrollToPosition()，但是问题有两个： 不会定位到中间位置。 当滚动的目标位置在屏幕中时，不会滚动。 实现方法 新建 CenterLayoutManager 类继承 LinearLayoutManager 类，重写 smoothScrollToPosition() 方法。在此类中，新建 C
RecyclerView 滚动到指定position，且position所在的view 居屏幕中间显示
最新发布
21空间的博客
07-23 1024
1. RecyclerView 滚动到指定position，且position所在的view 居屏幕中间显示； 2. 自定义CenterSmoothScroller 实现LinearSmoothScroller； 3. 自定义smoothScrollToPositionView的函数； 4. 自定义scrollToPosition 函数，然后recyclerView.post； 5. 立即滚动到指定位置
横向居中的RecyclerView
buniannian的博客
03-23 2307
首先先要配置compile “com.android.support:recyclerview-v7:24.2.0” SnapHelper LinearSnapHelper，在版本大于24.2.0中才支持 效果图如图所示： SnapHelper helper = new LinearSnapHelper(); helper.attachToRecyclerView(m
recyclerView吸顶悬浮标题（点击，折叠），itemDecoration实现
u012345683的博客
02-07 3187
recyclerView设置悬浮标题方案了解ItemDecoration利用ItemDecoration来绘制悬浮标题栏代码 方案 1.设置一个悬浮的视图挂在recycleView顶部，随着item的移动位置，悬浮标题自动跟随移动或者是保持原地不动。 2.使用recyclerView的ItemDecoration，给指定的item设置不同的itemDecoration，并且跟随item的移动而移动或者保持不变。 本文采用第二种方式实现，效果图： 了解ItemDecoration 这是个接口，一共有六个方法
RecyclerView上拉隐藏title，下拉显示title
12-08
仿TIM主界面的一个Demo，具体实现上拉隐藏标题栏，下拉显示标题栏，只是一个简单的Demo，仅供参考
Android TV开发：使用RecycleView实现横向的Listview并响应点击事件的代码
01-05
本文讲述了Android TV开发：使用RecycleView实现横向的Listview并响应点击事件的代码。分享给大家供大家参考，具体如下： 1.先贴出自己的效果图(可横向滚动，并响应item点击事件)： 2.关于点击事件的实现细节 核心...
Android实现九宫格横向左右滑动
08-27
Android 实现九宫格横向左右滑动 Android 实现九宫格横向左右滑动是一种常见的列表滑动方式，通过使用GridViewPager和MagicIndicator两个组件，可以实现九宫格横向左右滑动的效果。下面将详细介绍实现九宫格横向...
recycleView 实现卡片滑动 层叠效果
01-23
4. 添加动画效果：可以使用`ObjectAnimator`或其他动画库，平滑地移动卡片，同时考虑层叠效果，即后面的卡片随着滑动逐渐显示。 在实现过程中，还需要注意性能优化，避免过度绘制和不必要的计算。例如，可以使用`...
RecyclerView+CardView实现横向卡片式滑动效果
08-26
在Adapter中，需要将数据绑定到CardView上，并实现横向滑动效果的逻辑代码。具体实现方法可以根据实际情况进行调整。 使用RecyclerView和CardView可以实现横向卡片式滑动效果，提高Android应用程序的用户体验。...
安卓Recycleview固定行列标题仿Excel
11-29
App项目开发中，为了做仿Excel固定首行和首列报表，在网上参考了些资源，不能满足需求，低端设备上性能有点问题，因此，自己写了一个，效果好多了
RecyclerView 滚动到中间位置实例代码
03-19
RecyclerView 滚动到中间位置实例代码。当用户点击之后，无操作4s之后（包括无滑动操作），将点击条目显示在屏幕中间
Android给RecyclerView添加头（Header）和尾（Footer）和分标题（Title）——最简单的两种方法
qq_36523667的博客
11-30 5783
给RecyclerView添加头和尾的方法很多，这里写两种最简单的方法。 1.控制布局 显隐 xml version="1.0" encoding="utf-8"?> xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" andro
安卓用RecyclerView实现横向滑动列表
热门推荐
蓝不蓝编程
08-26 1万+
背景 通常我们遇到的是纵向滑动列表,但是也会有横向滑动列表.那横向的怎么做呢? 解决方案 起始很简单,绝大部分代码和纵向是一样的,只有一个设置不一样. 实现效果 关键代码 recyclerView.layoutManager = LinearLayoutManager(this, RecyclerView.HORIZONTAL, false) 完整代码 1). MainActivity....
RecyclerView:实现title+ grid混排
weixin_33916256的博客
12-11 303
2019独角兽企业重金招聘Python工程师标准>>> ...
Recyclerview滑动设置标题栏渐变效果
pengbo6665631的博客
12-26 2856
  前言 最近有这么个需求，通过Recyclerview滑动监听来设置标题栏渐变，整个界面是一个RecyclerView，一开始是没有标题栏的，向上滑动到一定程度标题栏渐变。需求是不难，但是我想记录一下这个基本的过程，有人需要了可以快速拿走，如果帮到你了，点个赞留个言都行，认可一下。 先上几张图醒醒脑，哈哈哈~ one: two: three: 那么，整体思路就是往上滑动...
recycleview的 item的自动居中以及自定义左对齐集代码分析
li15225271052的博客
01-26 8429
今天闲的无事写了这个 就当储备了  O(∩_∩)O哈哈~ 这里先说简单的 就是item的自动居中 这个很简但就是 就是加两句话 // SnapHelper snapHelper = new LinearSnapHelper(); // snapHelper.attachToRecyclerView(my_recycle);//这里放置的是的recycl
RecyclerView获得行布局下标的两种方式
amynn的博客
05-31 1059
RecyclerView获得行布局下标的两种方式 一.创建事件处理接口 public interface OnClickRecycler { public void clickRecycler(int position); public void longClickRecycler(int position); } 二.创建适配器 说明：本篇文章主要说明获得行布局控件下标的两种方式,如果还有其他方式大家可以留言 public class RecyclerViewAdapter exte
recycleview item居中显示
09-02
要将RecyclerView的item居中显示，你可以使用LayoutManager来实现。以下是一种常见的方法： 1. 首先，在你的RecyclerView的布局文件中，确保为RecyclerView设置了固定的宽度和高度，以便居中显示。 2. 在你的代码中，为RecyclerView设置布局管理器LayoutManager。可以使用LinearLayoutManager或GridLayoutManager。 - LinearLayoutManager示例： ```java LinearLayoutManager layoutManager = new LinearLayoutManager(context, LinearLayoutManager.HORIZONTAL, false); recyclerView.setLayoutManager(layoutManager); ``` - GridLayoutManager示例： ```java GridLayoutManager layoutManager = new GridLayoutManager(context, spanCount); layoutManager.setOrientation(RecyclerView.HORIZONTAL); // 如果是水平方向 recyclerView.setLayoutManager(layoutManager); ``` 3. 确保RecyclerView的item布局中的根布局设置了合适的宽度和高度，以便居中显示。 - 如果使用LinearLayoutManager，可以在item布局的根布局上添加以下属性： ```xml android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" ``` - 如果使用GridLayoutManager，可以在item布局的根布局上添加以下属性： ```xml android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" ``` 这样设置后，RecyclerView的item就会居中显示了。你可以根据实际需求选择适合的布局管理器和设置适当的宽高属性来实现居中显示效果。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值