关于安卓自定义弹幕控件的实现(recyclerview)(一)

简介: 安卓自定义弹幕控件的实现(recyclerview)

!!!代码在文末!!!

背景

对于弹幕功能,稍微有点社交内容的app都会用到,其中,实现的方法有很多,本文主要通过
安卓原生recyclerview进行实现

思路

首先,recyclerview提供了api给开发者进行滚动的调用,同时也提供了相关接口,对滚动的
距离进行计算。因此,通过滑动距离监听,以及定时任务进行内容滚动,即可实现。

实现细节

对于上述思路以外,还要注意的是,recyclerview的滑动事件分发问题。本次需求要求的是
recyclerview不能与用户产生触摸交互,因此需要特别处理。
同时,需要注意对象引用问题。

实现过程

(一)定义好外部传入数据的方法
(二)定义一个定时器,用作定时滑动
(三)触摸距离计算,重新滚动逻辑设置
(四)处理触摸事件分发

实现说明

本次弹幕场景,仅仅是设置一次数据,若要进行分页加载,原理其实也是大同小异,稍作修改即可。

实现

(一)定义好一个setData方法,外部传入的是一个bean集合,集合的变量自行定义,这里我
定义的变量如下:

    //类型:1内容 2空布局填充
    private int type = 1;

    //昵称
    private String nickName;

    //文字
    private String content;

因为需求中,需要显示内容前,有一段空白的滑动距离,因此定义一个type==2的情况。

传入代码方法设置后,即可刷新adapter了,注意的是,每次刷新数据,都
需要对定时器进行cancel,否则会导致数据错乱的问题。
核心代码如下:

    /**
     * 设置数据
     */
    public void setData(List<BulletInfo> bulletList) {
        if (handler == null) {
            return;
        }
        if (System.currentTimeMillis() - mSetDataInterval < 1000) {
            return;
        }
        mSetDataInterval = System.currentTimeMillis();
        clearHandler();
        handler.post(new Runnable() {
            @Override
            public void run() {
                //克隆数据
                List<BulletInfo> trainList = new ArrayList<>();
                if (bulletList == null || bulletList.size() == 0) {
                    trainList = new ArrayList<>();
                } else {
                    for (BulletInfo bulletInfo : bulletList) {
                        BulletInfo cache = new BulletInfo();
                        cache.setType(bulletInfo.getType());
                        cache.setContent(bulletInfo.getContent());
                        cache.setNickName(bulletInfo.getNickName());
                        trainList.add(cache);
                    }
                }
                mBulletCacheList.clear();
                mBulletCacheList.addAll(trainList);
                if (mInfoAdapter != null) {
                    mInfoAdapter.clear();
                    mInfoAdapter.setData(trainList);
                }
                scrollToPosition(0);
                startHandler();
            }
        });
    }

(二)定义定时器
这里使用Timer和TimerTask实现。通过查看源码发现,recyclerview的滑动方法,是支持子线程调用的,所以直接使用子线程执行的timer进行轮询。
核心代码如下:

    private void startHandler() {
        if (mTimer == null) {
            mTimer = new Timer();
        }
        mTimer.schedule(new TimerTask() {
            @Override
            public void run() {
                try {
                    smoothScrollBy(0, 6);
                    //检查是否滑动到了底部
                    checkScrollToBottom();
                } catch (Exception e) {

                }
            }
        }, 10, 80);
    }

(三)触摸距离计算
触摸距离,本次实战中,其实用到了就是判断recyclerview是否滑动到底部的判断而已,没什么大不了的。主要的也是调用官方的api,直接放出核心代码:

    private void checkScrollToBottom() {
        //监听回调--------------------------------------------------
        try {
            //int offset, int progress, int duration, float percent
            //verticalOffset, verticalOffset + verticalExtent, verticalTotal,
            // (((verticalOffset + verticalExtent) * 1.0f) / (verticalTotal * 1.0f))
            int verticalExtent = computeVerticalScrollExtent();
            int verticalOffset = computeVerticalScrollOffset();
            int verticalTotal = computeVerticalScrollRange();
            float percent = (((verticalOffset + verticalExtent) * 1.0f) / (verticalTotal * 1.0f));
            if (percent == 1) {
                //已经到底了
                if (mInfoAdapter != null && mInfoAdapter.getData() != null &&
                        mInfoAdapter.getData().size() != 0) {
                    //重新设置数据
                    List<BulletInfo> trainResult = new ArrayList<>();
                    for (BulletInfo bulletInfo : mBulletCacheList) {
                        BulletInfo cache = new BulletInfo();
                        cache.setType(bulletInfo.getType());
                        cache.setContent(bulletInfo.getContent());
                        cache.setNickName(bulletInfo.getNickName());
                        trainResult.add(cache);
                    }
                    setData(trainResult);
                }
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

可以看到,主要方法有:

            int verticalExtent = computeVerticalScrollExtent();
            int verticalOffset = computeVerticalScrollOffset();
            int verticalTotal = computeVerticalScrollRange();

主要是计算recyclerview的滑动距离,范围,总距离,然后计算,即可得出滑动百分比。

(四)处理触摸事件
主要设置recyclerview不处理滑动事件即可,核心代码如下:


    @Override
    public boolean onInterceptTouchEvent(MotionEvent e) {
        return false;
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        return false;
    }

最后总结一下,若recyclerview在普通页面使用,直接调用设置数据方法即可,若在recyclerview中的子布局中使用,要注意recyclerview的复用问题,建议每次使用前,都把数据清空一次。

代码地址--库libbullet

that's all--------------------------------------------------------------------

目录
相关文章
|
7月前
|
Android开发 UED 计算机视觉
Android自定义view之线条等待动画(灵感来源:金铲铲之战)
本文介绍了一款受游戏“金铲铲之战”启发的Android自定义View——线条等待动画的实现过程。通过将布局分为10份,利用`onSizeChanged`测量最小长度,并借助画笔绘制动态线条,实现渐变伸缩效果。动画逻辑通过四个变量控制线条的增长与回退,最终形成流畅的等待动画。代码中详细展示了画笔初始化、线条绘制及动画更新的核心步骤,并提供完整源码供参考。此动画适用于加载场景,提升用户体验。
538 5
Android自定义view之线条等待动画(灵感来源:金铲铲之战)
|
7月前
|
Android开发
Android自定义view之利用PathEffect实现动态效果
本文介绍如何在Android自定义View中利用`PathEffect`实现动态效果。通过改变偏移量,结合`PathEffect`的子类(如`CornerPathEffect`、`DashPathEffect`、`PathDashPathEffect`等)实现路径绘制的动态变化。文章详细解析了各子类的功能与参数,并通过案例代码展示了如何使用`ComposePathEffect`组合效果,以及通过修改偏移量实现动画。最终效果为一个菱形图案沿路径运动,源码附于文末供参考。
132 0
|
7月前
|
Android开发 开发者
Android自定义view之利用drawArc方法实现动态效果
本文介绍了如何通过Android自定义View实现动态效果,重点使用`drawArc`方法完成圆弧动画。首先通过`onSizeChanged`进行测量,初始化画笔属性,设置圆弧相关参数。核心思路是不断改变圆弧扫过角度`sweepAngle`,并调用`invalidate()`刷新View以实现动态旋转效果。最后附上完整代码与效果图,帮助开发者快速理解并实践这一动画实现方式。
188 0
|
7月前
|
Android开发 数据安全/隐私保护 开发者
Android自定义view之模仿登录界面文本输入框(华为云APP)
本文介绍了一款自定义输入框的实现,包含静态效果、hint值浮动动画及功能扩展。通过组合多个控件完成界面布局,使用TranslateAnimation与AlphaAnimation实现hint文字上下浮动效果,支持密码加密解密显示、去除键盘回车空格输入、光标定位等功能。代码基于Android平台,提供完整源码与attrs配置,方便复用与定制。希望对开发者有所帮助。
135 0
|
7月前
|
XML Java Android开发
Android自定义view之网易云推荐歌单界面
本文详细介绍了如何通过自定义View实现网易云音乐推荐歌单界面的效果。首先,作者自定义了一个圆角图片控件`MellowImageView`,用于绘制圆角矩形图片。接着,通过将布局放入`HorizontalScrollView`中,实现了左右滑动功能,并使用`ViewFlipper`添加图片切换动画效果。文章提供了完整的代码示例,包括XML布局、动画文件和Java代码,最终展示了实现效果。此教程适合想了解自定义View和动画效果的开发者。
346 65
Android自定义view之网易云推荐歌单界面
|
7月前
|
XML 前端开发 Android开发
一篇文章带你走近Android自定义view
这是一篇关于Android自定义View的全面教程,涵盖从基础到进阶的知识点。文章首先讲解了自定义View的必要性及简单实现(如通过三个构造函数解决焦点问题),接着深入探讨Canvas绘图、自定义属性设置、动画实现等内容。还提供了具体案例,如跑马灯、折线图、太极图等。此外,文章详细解析了View绘制流程(measure、layout、draw)和事件分发机制。最后延伸至SurfaceView、GLSurfaceView、SVG动画等高级主题,并附带GitHub案例供实践。适合希望深入理解Android自定义View的开发者学习参考。
691 84
|
7月前
|
Android开发 开发者
Android自定义View之不得不知道的文件attrs.xml(自定义属性)
本文详细介绍了如何通过自定义 `attrs.xml` 文件实现 Android 自定义 View 的属性配置。以一个包含 TextView 和 ImageView 的 DemoView 为例,讲解了如何使用自定义属性动态改变文字内容和控制图片显示隐藏。同时,通过设置布尔值和点击事件,实现了图片状态的切换功能。代码中展示了如何在构造函数中解析自定义属性,并通过方法 `setSetting0n` 和 `setbackeguang` 实现功能逻辑的优化与封装。此示例帮助开发者更好地理解自定义 View 的开发流程与 attrs.xml 的实际应用。
192 2
Android自定义View之不得不知道的文件attrs.xml(自定义属性)
|
缓存 前端开发 Android开发
安卓开发中的自定义视图:从零到英雄
【10月更文挑战第42天】 在安卓的世界里,自定义视图是一块画布,让开发者能够绘制出独一无二的界面体验。本文将带你走进自定义视图的大门,通过深入浅出的方式,让你从零基础到能够独立设计并实现复杂的自定义组件。我们将探索自定义视图的核心概念、实现步骤,以及如何优化你的视图以提高性能和兼容性。准备好了吗?让我们开始这段创造性的旅程吧!
205 1
|
7月前
|
前端开发 Android开发 UED
讲讲Android为自定义view提供的SurfaceView
本文详细介绍了Android中自定义View时使用SurfaceView的必要性和实现方式。首先分析了在复杂绘制逻辑和高频界面更新场景下,传统View可能引发卡顿的问题,进而引出SurfaceView作为解决方案。文章通过Android官方Demo展示了SurfaceView的基本用法,包括实现`SurfaceHolder.Callback2`接口、与Activity生命周期绑定、子线程中使用`lockCanvas()`和`unlockCanvasAndPost()`方法完成绘图操作。
209 3
|
7月前
|
XML 搜索推荐 Android开发
Android改变进度条控件progressbar的样式(根据源码修改)
本文介绍了如何基于Android源码自定义ProgressBar样式。首先分析了系统源码中ProgressBar样式的定义,发现其依赖一张旋转图片实现动画效果。接着分两步指导开发者实现自定义:1) 模仿源码创建一个旋转动画XML文件(放置在drawable文件夹),修改图片为自定义样式;2) 在UI控件中通过`indeterminateDrawable`属性应用该动画。最终实现简单且个性化的ProgressBar效果,附带效果图展示。
467 2

热门文章

最新文章