Android弹幕编程设计实现的解决方案（一）

2023-10-24 10:50
文章标签 实现 android 解决方案 弹幕 编程设计

本文主要是介绍Android弹幕编程设计实现的解决方案（一），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！



Android弹幕编程设计实现的解决方案（一）

在现在的一些视频类网站、视频类直播网站，比如A站和B站，当视频在播放的时候，会在屏幕上出现一些滚动的字幕，这些字幕是UGC，通常是用户的评论，称之为“弹幕”，这些弹幕一般从右往左滚动，以符合人类的阅读习惯。
现在给出一个实现Android平台上的弹幕编程设计实现方案。
（1）要注意的是，一般视频播放是一个view，比如是VideoView，弹幕是在VideoView上面滚动，这就要求弹幕必须和VideoView完全密合在一起，至少在视觉上让用户看上去觉得这就是直接在视频画面上写上去的。那么在下面的这个例子中，就干脆直接继承自一个相对布局RelativeLayout。因为是一个布局文件，如果使用VideoView这类的播放器，就好办了，直接设置view的layout宽和高均为match_parent即可。
（2）弹幕一般是随机批量显示。我观察了一些热门网站的弹幕显示，它们是随机的，我在处理弹幕字幕文本时候，设计了一个set方法，一次性批量喂给弹幕一个数据池子（实际上就是在弹幕类里面的一个LinkedList数据队列texts），让弹幕从这些池子中每次随机抽出一个显示。假设上层应用的文本有更新（比如用户有新的评论添加进来），直接追加到队列头部。

以下是全部源代码实现。
核心关键的弹幕相对布局BarrageRelativeLayout.java：

package zhangphil.demo;import android.content.Context;
import android.graphics.Color;
import android.graphics.Rect;
import android.os.Handler;
import android.os.Message;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.view.animation.AccelerateDecelerateInterpolator;
import android.view.animation.Animation;
import android.view.animation.TranslateAnimation;
import android.widget.RelativeLayout;
import android.widget.TextView;import java.util.LinkedList;
import java.util.Random;public class BarrageRelativeLayout extends RelativeLayout {private Context mContext;private Handler mHandler = new Handler() {@Overridepublic void handleMessage(Message msg) {super.handleMessage(msg);if(msg.what==RANDOM_SHOW) {String text = texts.get(random.nextInt(texts.size()));BarrageTextItem item = new BarrageTextItem(text);showBarrageItem(item);//每个弹幕产生的间隔时间随机int duration = (int) ((BARRAGE_GAP_MAX_DURATION - BARRAGE_GAP_MIN_DURATION) * Math.random());this.sendEmptyMessageDelayed(RANDOM_SHOW, duration);}}};public static int RANDOM_SHOW=0x0a1;public static int SEQ_SHOW=0x0a2;private Random random = new Random(System.currentTimeMillis());private static final long BARRAGE_GAP_MIN_DURATION = 1000;//两个弹幕的最小间隔时间private static final long BARRAGE_GAP_MAX_DURATION = 2000;//两个弹幕的最大间隔时间private int maxSpeed = 10000;//速度，msprivate int minSpeed = 5000;//速度，msprivate int maxSize = 30;//文字大小，dpprivate int minSize = 15;//文字大小，dpprivate int totalHeight = 0;private int lineHeight = 0;//每一行弹幕的高度private int totalLine = 0;//弹幕的行数private LinkedList<String> texts = null;public BarrageRelativeLayout(Context context) {this(context, null);}public BarrageRelativeLayout(Context context, AttributeSet attrs) {this(context, attrs, 0);}public BarrageRelativeLayout(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);mContext = context;init();}private void init() {texts = new LinkedList<String>();}public void show(int type){int duration = (int) ((BARRAGE_GAP_MAX_DURATION - BARRAGE_GAP_MIN_DURATION) * Math.random());mHandler.sendEmptyMessageDelayed(type, duration);}//显示一批弹幕文本//相当于给弹幕设置数据源public void setBarrageTexts(LinkedList<String> texts) {this.texts = texts;}//头部第一个位置追加，最新的。public void addBarrageText(String text) {this.texts.add(0,text);}@Overridepublic void onWindowFocusChanged(boolean hasWindowFocus) {super.onWindowFocusChanged(hasWindowFocus);totalHeight = getMeasuredHeight();lineHeight = getLineHeight();totalLine = totalHeight / lineHeight;}private void showBarrageItem(final BarrageTextItem item) {int leftMargin = this.getRight() - this.getLeft() - this.getPaddingLeft();LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);params.addRule(RelativeLayout.ALIGN_PARENT_TOP);params.topMargin = item.verticalPos;this.addView(item.textView, params);Animation anim = generateTranslateAnim(item, leftMargin);anim.setAnimationListener(new Animation.AnimationListener() {@Overridepublic void onAnimationStart(Animation animation) {}@Overridepublic void onAnimationEnd(Animation animation) {item.textView.clearAnimation();BarrageRelativeLayout.this.removeView(item.textView);}@Overridepublic void onAnimationRepeat(Animation animation) {}});item.textView.startAnimation(anim);}private TranslateAnimation generateTranslateAnim(BarrageTextItem item, int leftMargin) {TranslateAnimation anim = new TranslateAnimation(leftMargin, -item.textMeasuredWidth, 0, 0);anim.setDuration(item.moveSpeed);anim.setInterpolator(new AccelerateDecelerateInterpolator());anim.setFillAfter(true);return anim;}/*** 计算TextView中字符串的长度** @param text 要计算的字符串* @param Size 字体大小* @return TextView中字符串的长度*/public float getTextWidth(BarrageTextItem item, String text, float Size) {Rect bounds = new Rect();TextPaint paint;paint = item.textView.getPaint();paint.getTextBounds(text, 0, text.length(), bounds);return bounds.width();}/*** 获得每一行弹幕的最大高度** @return*/private int getLineHeight() {BarrageTextItem item = new BarrageTextItem();//传递进去一个非空字符串，目的是为了获得一个计算值String tx = "no null data";item.textView = new TextView(mContext);item.textView.setText(tx);item.textView.setTextSize(maxSize);Rect bounds = new Rect();TextPaint paint;paint = item.textView.getPaint();paint.getTextBounds(tx, 0, tx.length(), bounds);return bounds.height();}//弹幕的一个文本itempublic class BarrageTextItem {public TextView textView;public int textColor;public String text;public int textSize;public int moveSpeed;//移动速度public int verticalPos;//垂直方向显示的位置public int textMeasuredWidth;//字体显示占据的宽度public BarrageTextItem() {}public BarrageTextItem(String text) {this.textSize = (int) (minSize + (maxSize - minSize) * Math.random());this.text = text;this.textColor = Color.rgb(random.nextInt(256), random.nextInt(256), random.nextInt(256));this.textView = new TextView(mContext);textView.setText(text);textView.setTextSize(textSize);textView.setTextColor(textColor);textMeasuredWidth = (int) getTextWidth(this, text, textSize);moveSpeed = (int) (minSpeed + (maxSpeed - minSpeed) * Math.random());if (totalLine == 0) {totalHeight = getMeasuredHeight();lineHeight = getLineHeight();totalLine = totalHeight / lineHeight;}verticalPos = random.nextInt(totalLine) * lineHeight;}}
}


直接写进布局当作一个一般的相对布局使用：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context="zhangphil.demo.MainActivity"><zhangphil.demo.BarrageRelativeLayoutandroid:id="@+id/barrageView"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@android:color/white" /></RelativeLayout>


上层activity使用方法：

package zhangphil.demo;import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;import java.util.LinkedList;public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);BarrageRelativeLayout mBarrageRelativeLayout = (BarrageRelativeLayout) findViewById(R.id.barrageView);String[] itemText = {"zhangphil@csdn 0", "zhangphil 1", "zhang phil 2","zhang 3","phil 4","zhangphil ... 5", "***zhangphil 6", "zhang phil csdn 7", "zhang ... phil 8", "phil... 9", "http://blog.csdn.net/zhangphil 10"};LinkedList<String> texts=new LinkedList<String>();for(int i=0;i<itemText.length;i++){texts.add(itemText[i]);}mBarrageRelativeLayout.setBarrageTexts(texts);mBarrageRelativeLayout.show(BarrageRelativeLayout.RANDOM_SHOW);}
}


代码运行结果（弹幕从右往左滚动显示）：



这篇关于Android弹幕编程设计实现的解决方案（一）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/274627。

相关文章

SpringBoot集成redisson实现延时队列教程

SpringBoot集成redisson实现延时队列教程

《SpringBoot集成redisson实现延时队列教程》文章介绍了使用Redisson实现延迟队列的完整步骤,包括依赖导入、Redis配置、工具类封装、业务枚举定义、执行器实现、Bean创建、消费... 目录1、先给项目导入Redisson依赖2、配置redis3、创建 RedissonConfig 配
阅读更多...
线上Java OOM问题定位与解决方案超详细解析

线上Java OOM问题定位与解决方案超详细解析

《线上JavaOOM问题定位与解决方案超详细解析》OOM是JVM抛出的错误,表示内存分配失败,：本文主要介绍线上JavaOOM问题定位与解决方案的相关资料,文中通过代码介绍的非常详细,需要的朋... 目录一、OOM问题核心认知1.1 OOM定义与技术定位1.2 OOM常见类型及技术特征二、OOM问题定位工具
阅读更多...
Python的Darts库实现时间序列预测

Python的Darts库实现时间序列预测

《Python的Darts库实现时间序列预测》Darts一个集统计、机器学习与深度学习模型于一体的Python时间序列预测库,本文主要介绍了Python的Darts库实现时间序列预测,感兴趣的可以了解... 目录目录一、什么是 Darts？二、安装与基本配置安装 Darts导入基础模块三、时间序列数据结构与
阅读更多...
Python使用FastAPI实现大文件分片上传与断点续传功能

Python使用FastAPI实现大文件分片上传与断点续传功能

《Python使用FastAPI实现大文件分片上传与断点续传功能》大文件直传常遇到超时、网络抖动失败、失败后只能重传的问题,分片上传+断点续传可以把大文件拆成若干小块逐个上传,并在中断后从已完成分片继... 目录一、接口设计二、服务端实现（FastAPI）2.1 运行环境2.2 目录结构建议2.3 serv
阅读更多...
C#实现千万数据秒级导入的代码

C#实现千万数据秒级导入的代码

《C#实现千万数据秒级导入的代码》在实际开发中excel导入很常见,现代社会中很容易遇到大数据处理业务,所以本文我就给大家分享一下千万数据秒级导入怎么实现,文中有详细的代码示例供大家参考,需要的朋友可... 目录前言一、数据存储二、处理逻辑优化前代码处理逻辑优化后的代码总结前言在实际开发中excel导入很
阅读更多...
Python一次性将指定版本所有包上传PyPI镜像解决方案

Python一次性将指定版本所有包上传PyPI镜像解决方案

《Python一次性将指定版本所有包上传PyPI镜像解决方案》本文主要介绍了一个安全、完整、可离线部署的解决方案,用于一次性准备指定Python版本的所有包,然后导出到内网环境,感兴趣的小伙伴可以跟随... 目录为什么需要这个方案完整解决方案1. 项目目录结构2. 创建智能下载脚本3. 创建包清单生成脚本4
阅读更多...
SpringBoot+RustFS 实现文件切片极速上传的实例代码

SpringBoot+RustFS 实现文件切片极速上传的实例代码

《SpringBoot+RustFS实现文件切片极速上传的实例代码》本文介绍利用SpringBoot和RustFS构建高性能文件切片上传系统,实现大文件秒传、断点续传和分片上传等功能,具有一定的参考... 目录一、为什么选择 RustFS + SpringBoot？二、环境准备与部署2.1 安装 RustF
阅读更多...
Nginx部署HTTP/3的实现步骤

Nginx部署HTTP/3的实现步骤

《Nginx部署HTTP/3的实现步骤》本文介绍了在Nginx中部署HTTP/3的详细步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录前提条件第一步：安装必要的依赖库第二步：获取并构建 BoringSSL第三步：获取 Nginx
阅读更多...
java.sql.SQLTransientConnectionException连接超时异常原因及解决方案

java.sql.SQLTransientConnectionException连接超时异常原因及解决方案

《java.sql.SQLTransientConnectionException连接超时异常原因及解决方案》：本文主要介绍java.sql.SQLTransientConnectionExcep... 目录一、引言二、异常信息分析三、可能的原因3.1 连接池配置不合理3.2 数据库负载过高3.3 连接泄漏
阅读更多...
MyBatis Plus实现时间字段自动填充的完整方案

MyBatis Plus实现时间字段自动填充的完整方案

《MyBatisPlus实现时间字段自动填充的完整方案》在日常开发中,我们经常需要记录数据的创建时间和更新时间,传统的做法是在每次插入或更新操作时手动设置这些时间字段,这种方式不仅繁琐,还容易遗漏,... 目录前言解决目标技术栈实现步骤1. 实体类注解配置2. 创建元数据处理器3. 服务层代码优化填充机制详
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2