基于RecyclerView实现的动态图片轮播器

最新推荐文章于 2024-04-25 19:20:52 发布
最新推荐文章于 2024-04-25 19:20:52 发布
阅读量1.7k 收藏 3
点赞数
分类专栏： Android升华之路之应用篇 文章标签： android 图片轮播 recyclerview github
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/createchance/article/details/79076670
版权

基于RecyclerView实现的动态图片轮播器

最近项目中需要大量使用图片轮播器，来动态运营页面顶部的推广信息。传统的实现都是基于viewpager来实现，但是实际做过的同学才知道这里面有很多不方便。
换一个思路，其实recyclerview也是提供了一个高效的列表实现机制，并且展示的方向和方式都是可以控制的，我们可以基于这个来实现一个轮播器。
这个轮播器至少有以下功能：

  1. 可以选择是否自动播放，以及自动播放的时间间隔，也就是速度
  2. 可以指示器的图片（选中和未选中的），并且可以制定其margin，space间隔，size大小，gravity对齐，是否展示等属性
  3. 可以定制banner view的布局，并且可以灵活实现不同布局中的子view的点击，长按等事件监听

实现方案

具体的实现方案我已经放到了github上，代码只有一个java类，比较小巧，大家可以直接拿去用或者定制。原理我这里就不解释了，代码中我添加十分详细的注释，相信聪明的你肯定能明白。
代码地址：
https://github.com/CreateChance/RecyclerBanner

createchance
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
recyclerview 动画_用RecyclerView打造一个轮播图（进阶版）
weixin_39924674的博客
12-19 506
点击上方蓝字关注?来源：大头呆https://www.jianshu.com/p/4dff7c332c75前言前几天写了篇《用RecyclerView打造一个轮播图》(以下简称基础版),看到有读者评论说相比Viewpager，用RecyclerView看起来没什么特别的优势。究其原因，目前只用到了RecyclerView最基础的一部分功能。其实相比Viewpager实现的轮播图，Rec...
RecyclerBanner各种样式轮播图
07-22
各种样式轮播图，基础版、卡片式、叠层式，支持左右和上下轮播滑动。代码支持自定义，代码清晰明了，可根据自己实际所需来更改源码来实现效果。
用RecyclerView做一个小清新的Gallery效果
weixin_34224941的博客
12-13 263
一、简介 RecyclerView现在已经是越来越强大，且不说已经被大家用到滚瓜烂熟的代替ListView的基础功能，现在RecyclerView还可以取代ViewPager实现Banner效果，当然，以下做的小清新的Gallery效果也是类似于一些轮播图的效果，如下图所示，这其中使用到了24.2.0版本后RecyclerView增加的SnapHelper这个辅助类，在实现以下效果起来也是非常简单...
Android 实现图片轮播的三种方法
最新发布
2401_84122902的博客
04-25 885
/Activity已经回收，无需再处理UI了return;//检查消息队列并移除未发送的消息，这主要是避免在复杂环境下消息出现重复等问题。//准备下次播放break;//只要不发送消息就暂停了break;break;//记录当前的页号，避免播放的时候页面显示不正确。break;集成代码：MainActivity下面是MainActivity的代码，主要是加载View和对ViewPager进行初始化设置:@Override。
Android 轮播UI效果框架
唐衡三
10-29 2534
Android 好用的框架与UI效果demo收集 1.万能的公告栏轮播 View ：BulletinView github https://github.com/Bakumon/BulletinView 2. RecyclerBanner 一个使用Recycler制作的轮播效果，很不错呦 github https://github.com/renjianan/RecyclerBann...
用recyclerReview展示Banner,很简单
wangshuo_的博客
06-30 475
创建ItemDecorationHorizontal 继承RecyclerView.ItemDecoration,自定义
Android5.x：RecycleView（四）：item动画
Java技术博客，不再更新Android内容
09-15 2849
给item添加动画有3种方法： - 在onBindViewHolder()里面中给item设置动画 - 自定义ItemAnimator，比如DefaultItemAnimator - 自定义布局动画（LayoutAnimation）LayoutAnimation参考：RecyclerView 与 LayoutAnimation 实现的进入动画（一 ）: List效果图使用方式我们采用第三种，有
无限循环图片轮播器
01-12
无限循环图片轮播器是一种常见的UI...综上所述，"library_cycleviewpager"提供的是一个实现了无限循环、自动滚动、自定义属性等功能的图片轮播器组件，它在实际应用中可以帮助开发者快速构建出高质量的图片展示界面。
RxBanner:一个灵活可制定的基于 Recyclerview 的轮播图控件,支持自动轮播,无限循环。 同时可关闭无限循环变成 引导页 ，带有引导完成接口回调
04-27
一个灵活可制定的基于 Recyclerview 的轮播图控件,支持自动轮播,无限循环。 同时可关闭无限循环变成 引导页 ，带有引导完成接口回调,详见demo   更新日志 1.1.3 1.完善一些点击事件的逻辑 2.新增当 rb_canSwipe = ...
Android实现基于ViewPager的无限循环自动播放带指示器的轮播图CarouselFigureView控件
08-31
在CarouselFigureView中，我们可以使用一个LinearLayout或RecyclerView来动态创建和管理这些指示器，通过监听ViewPager的页面变化来更新指示器的状态。 4. **自动播放**： 自动播放功能可以通过使用Handler和...
基于Viewpager实的android 轮播
07-05
基于ViewPager实现的轮播图是Android开发者常用的技术手段，因为ViewPager提供了便捷的页面滑动和生命周期管理。下面我们将深入探讨如何利用ViewPager实现一个功能完善的轮播图。 1. **ViewPager基础**： ...
RecyclerViewPager_-使用RecyclerView打造首页轮播图效果.zip
09-24
使用RecyclerView打造首页轮播图效果效果详情参考博客：http://www.see-source.com/blog/300000023/1545.html
android 基于recyclerview实现3D banner
09-28
基于recyclerview实现3D banner，必须在android sdk 23及以上版本中编译。
RecyclerViewBannerDemo
11-30
通过利用LayoutManger、SnapHelper等RecyclerView的辅助类来实现一系列炫酷的轮播图demo。
recyclerbanner:用RecyclerView实现广告轮播图
04-30
recyclerbanner 用RecyclerView实现广告轮播图 博客地址
Android代码-一个基于RecyclerView制作的Banner资源库。
08-06
RecyclerViewBanner 这是一个基于RecyclerView制作的Banner资源库 本项目基于RecyclerView，通过自定义LayoutManager来实现。 支持 > 横向模式 > 纵向模式 > 单页翻页 > 连页翻页 > 自动翻页 > 间距调整 > RecyclerView嵌套 > Kotlin项目 > Java项目 > 页面布局自定义 > Adapter自定义 > RecyclerView容器尺寸自定义 > 缩放大小自定义 > 数据源自定义 > * 翻页监听（页码及状态） 前往demo下载地址，下载安装demo应用，体验比效果图更加流畅的效果。 导入方法： > implementation 'liang.lollipop.rvbannerlib:rvbannerlib:1.1.0' 项目代码使用简单： Java项目 //完整参数设置 BannerUtil4J.with(RecyclerView)//关联一个RecyclerView .attachAdapter( RecyclerView.Ada
Android 使用RecyclerView实现轮播图
weixin_34019144的博客
04-28 472
2019独角兽企业重金招聘Python工程师标准>>> ...
RecyclerView 通用Adapter添加头部、尾部 参考ListView的源码实现（二）
huch的博客
08-25 557
前面一篇RecyclerView 通用Adapter添加头部、尾部 参考ListView的源码实现（一）文章中的实现的RecyclerBaseAdapter是有一些缺陷的，它只适用于头部、尾部ItemViewType类型为仅为一种。 后面稍微改进了一下，允许多ItemViewType，但是需要开发者保证头部View、尾部View、正常View的ItemViewType不重复，实际开发中类型也不会...
RecyclerView 实现轮播
05-26
RecyclerView 实现轮播可以通过以下步骤实现： 1. 创建一个 RecyclerView，并设置为水平滚动。 2. 创建一个 Adapter，该 Adapter 中包含需要轮播的数据集合。 3. 在 Adapter 的 onCreateViewHolder() 方法中，创建一个 View，并使用该 View 初始化一个 ViewHolder。 4. 在 Adapter 的 onBindViewHolder() 方法中，根据当前索引获取需要展示的数据，并将数据展示在 ViewHolder 中。 5. 在 Adapter 中重写 getItemCount() 方法，返回一个较大的值，以便轮播无限循环。 6. 创建一个 Timer 和 TimerTask，用于定时切换轮播的图片。 7. 在 Activity 或 Fragment 中启动 Timer，实现自动轮播。同时，监听 RecyclerView 的滑动事件，在用户手动滑动时暂停自动轮播。 以下是示例代码： 1. 在布局文件中添加 RecyclerView： ``` <androidx.recyclerview.widget.RecyclerView android:id="@+id/rv_banner" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:clipToPadding="false" android:paddingLeft="16dp" android:paddingRight="16dp" android:scrollbars="none" app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" app:orientation="horizontal" /> ``` 2. 创建 Adapter： ``` public class BannerAdapter extends RecyclerView.Adapter<BannerAdapter.ViewHolder> { private List<Banner> mBannerList; public BannerAdapter(List<Banner> bannerList) { mBannerList = bannerList; } @NonNull @Override public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_banner, parent, false); return new ViewHolder(view); } @Override public void onBindViewHolder(@NonNull ViewHolder holder, int position) { Banner banner = mBannerList.get(position % mBannerList.size()); Glide.with(holder.itemView) .load(banner.getImageUrl()) .into(holder.mImageView); } @Override public int getItemCount() { return Integer.MAX_VALUE; } static class ViewHolder extends RecyclerView.ViewHolder { ImageView mImageView; public ViewHolder(@NonNull View itemView) { super(itemView); mImageView = itemView.findViewById(R.id.iv_banner); } } } ``` 3. 在 Activity 或 Fragment 中初始化 RecyclerView： ``` List<Banner> bannerList = new ArrayList<>(); bannerList.add(new Banner("http://xxx.com/banner1.jpg")); bannerList.add(new Banner("http://xxx.com/banner2.jpg")); bannerList.add(new Banner("http://xxx.com/banner3.jpg")); BannerAdapter bannerAdapter = new BannerAdapter(bannerList); mRecyclerView.setAdapter(bannerAdapter); ``` 4. 实现自动轮播： ``` private Timer mTimer; private TimerTask mTimerTask; private int mCurrentPosition; private void startAutoPlay() { mTimer = new Timer(); mTimerTask = new TimerTask() { @Override public void run() { runOnUiThread(new Runnable() { @Override public void run() { mCurrentPosition++; mRecyclerView.smoothScrollToPosition(mCurrentPosition); } }); } }; mTimer.schedule(mTimerTask, 3000, 3000); } private void stopAutoPlay() { if (mTimer != null) { mTimer.cancel(); mTimer = null; } if (mTimerTask != null) { mTimerTask.cancel(); mTimerTask = null; } } @Override protected void onResume() { super.onResume(); startAutoPlay(); } @Override protected void onPause() { super.onPause(); stopAutoPlay(); } mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() { @Override public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) { super.onScrollStateChanged(recyclerView, newState); switch (newState) { case RecyclerView.SCROLL_STATE_IDLE: startAutoPlay(); break; case RecyclerView.SCROLL_STATE_DRAGGING: case RecyclerView.SCROLL_STATE_SETTLING: stopAutoPlay(); break; } } }); ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值