Androidd幕框架 黑暗火焰使基本使用方法

概述今天我将分享由BiliBili开源的Androidd幕框架（DanmakuFlameMaster）的学习经验。我是将整个框架以model的形式引入项目中的，这样更方便的观察源码。也可以通过依赖的方式注入进来

今天我将分享由BiliBili开源的AndroIDd幕框架（DanmakuFlameMaster）的学习经验。

我是将整个框架以model的形式引入项目中的，这样更方便的观察源码。也可以通过依赖的方式注入进来

dependencIEs { compile 'com.github.ctiao:DanmakuFlameMaster:0.5.3' }

先放一下我要做成的效果图：

页面分析

从上图来看，整个UI分成了三层。最下面是视频层，中间是d幕层，顶层是控制层。现在市场上主流的视频直播软件大多都是这样分层的，不同的是直播类的话，可能还会再多一层交互层，显示签到信息、礼物信息什么的。
既然是分层的话，我就直接用FrameLayout帧布局来实现了。贴一下我的布局文件：

<FrameLayout xmlns:androID="http://schemas.androID.com/apk/res/androID" androID:layout_wIDth="match_parent" androID:layout_height="match_parent"> <VIDeoVIEw androID:ID="@+ID/vv_vIDeo" androID:layout_wIDth="match_parent" androID:layout_height="match_parent" /> <master.flame.danmaku.ui.Widget.DanmakuVIEw androID:ID="@+ID/sv_danmaku" androID:layout_wIDth="match_parent" androID:layout_height="match_parent" /> <include androID:ID="@+ID/media_controller" androID:layout_wIDth="match_parent" androID:layout_height="fill_parent" layout="@layout/media_controller" /> </FrameLayout>

控制层的布局：

<FrameLayout xmlns:androID="http://schemas.androID.com/apk/res/androID" androID:layout_wIDth="match_parent" androID:layout_height="match_parent" > <linearLayout androID:gravity="center_vertical" androID:layout_wIDth="match_parent" androID:layout_height="wrap_content" androID:layout_gravity="bottom" androID:background="#8acc22dd" > <button androID:layout_weight="1" androID:ID="@+ID/rotate" androID:layout_wIDth="0dp" androID:layout_height="wrap_content" androID:text="@string/rotate" /> <button androID:layout_wIDth="0dp" androID:layout_weight="1" androID:ID="@+ID/btn_hIDe" androID:layout_height="wrap_content" androID:text="@string/hIDe_danmaku" /> <button androID:ID="@+ID/btn_show" androID:layout_wIDth="0dp" androID:layout_weight="1" androID:layout_height="wrap_content" androID:text="@string/show_danmaku" /> <button androID:ID="@+ID/btn_pause" androID:layout_wIDth="0dp" androID:layout_weight="1" androID:layout_height="wrap_content" androID:text="@string/pause_danmaku" /> <button androID:ID="@+ID/btn_resume" androID:layout_wIDth="0dp" androID:layout_weight="1" androID:layout_height="wrap_content" androID:text="@string/resume_danmaku" /> <button androID:ID="@+ID/btn_send" androID:layout_wIDth="0dp" androID:layout_weight="1" androID:layout_height="wrap_content" androID:text="@string/send_danmaku" /> <button androID:ID="@+ID/btn_send_image_text" androID:layout_wIDth="0dp" androID:layout_weight="1" androID:layout_height="wrap_content" androID:text="@string/send_danmaku_image_text" /> <button androID:ID="@+ID/btn_send_danmakus" androID:layout_wIDth="0dp" androID:layout_weight="1" androID:layout_height="wrap_content" androID:text="@string/send_danmakus" /> </linearLayout> </FrameLayout>

写完布局，先写一个初始化的方法：

//设置最大行数 HashMap<Integer,Integer> maxlinesPair = new HashMap<>(); maxlinesPair.put(BaseDanmaku.TYPE_SCRolL_RL,5);//滚动d幕最大显示5行 //设置是否禁止重叠 HashMap<Integer,Boolean> overlapPingEnablePair = new HashMap<>(); overlapPingEnablePair.put(BaseDanmaku.TYPE_SCRolL_RL,true); overlapPingEnablePair.put(BaseDanmaku.TYPE_FIX_top,true); mDanmakuContext = DanmakuContext.create();//初始化上下文 mDanmakuContext.setDanmakuStyle(Idisplayer.DANMAKU_STYLE_strokeN,3);//设置d幕类型 mDanmakuContext.setDuplicateMergingEnabled(false);//设置是否合并重复d幕 mDanmakuContext.setScrollSpeedFactor(1.2f);//设置d幕滚动速度 mDanmakuContext.setScaleTextSize(1.2f);//设置d幕字体大小 mDanmakuContext.setCacheStuffer(new SpannedCacheStuffer(),mCacheStufferAdapter);//设置缓存绘制填充器 图文混排使用SpannedCacheStuffer mDanmakuContext.setMaximumlines(maxlinesPair);//设置最大行数 mDanmakuContext.preventOverlapPing(overlapPingEnablePair); //设置是否禁止重叠 mParser = createParser(this.getResources().openRawResource(R.raw.comments));//加载d幕资源文件 mDvDanmaku.prepare(mParser,mDanmakuContext); mDvDanmaku.showFPS(true); mDvDanmaku.enableDanmakuDrawingCache(true);

再贴一下绘制填充器的实现，主要实现了将图片和文字排列在一起的效果

private SpannableStringBuilder createSpannable(Drawable drawable) { String text = "bitmap"; SpannableStringBuilder spannableStringBuilder = new SpannableStringBuilder(text); ImageSpan span = new ImageSpan(drawable); spannableStringBuilder.setSpan(span,text.length(),Spannable.SPAN_INCLUSIVE_EXCLUSIVE); spannableStringBuilder.append("图文混排"); spannableStringBuilder.setSpan(new BackgroundcolorSpan(color.parsecolor("#8A2233B1")),spannableStringBuilder.length(),Spannable.SPAN_INCLUSIVE_INCLUSIVE); return spannableStringBuilder; }

在BaseDanmaku这个类下，定义了d幕的基本运动形式：TYPE_SCRolL_RL、TYPE_SCRolL_LR、TYPE_FIX_top、TYPE_FIX_BottOM和TYPE_SPECIAL。也就是从右入左出、左入右出（逆向d幕）、顶部d幕、底部d幕以及高级d幕。（除此之外还有脚本d幕）
在初始化的时候，需要传入一个特有的d幕上下文DanmukuContext，通过上下文来初始化一些设置。d幕资源是保存在xml文件下的，大致格式如下：
.

<i> <chatserver>chat.bilibili.com</chatserver> <chatID>2962351</chatID> <mission>0</mission> <maxlimit>1500</maxlimit> <source>k-v</source> <d p="145.91299438477,1,25,16777215,1422201001,D6673695,757075520">我从未见过如此厚颜无耻之人</d> </i>

头信息不需要太多关注，来看看d标签下p对应参数的具体意义：

第一个：d幕出现的时间

第二个：d幕类型（1、从右至左；6、从左至右；5、顶部d幕；4、底部d幕；7、高级d幕；8、脚本d幕'）

第三个：字号

第四个：颜色

第五个：时间戳

第六个：d幕池ID

第七个：用户hash值

第八个：d幕ID

以下是d幕具体解析代码

/** * 从d幕文件中提起d幕 * @param stream * @return */ private BaseDanmakuParser createParser(inputStream stream) { if (stream == null) { return new BaseDanmakuParser() { @OverrIDe protected Danmakus parse() { return new Danmakus(); } }; } ILoader loader = DanmakuloaderFactory.create(DanmakuloaderFactory.TAG_BIli);//创建一个BilIDanmakuloader实例来加载d幕流文件 try { loader.load(stream); } catch (IllegalDataException e) { e.printstacktrace(); } BaseDanmakuParser parser = new BilIDanmukuParser();//d幕解析者 IDataSource<?> dataSource = loader.getDataSource(); parser.load(dataSource); return parser; }

具体解析方案：

String tagname = localname.length() != 0 ? localname : qname; tagname = tagname.tolowerCase(Locale.getDefault()).trim(); if (tagname.equals("d")) { String pValue = attributes.getValue("p"); // parse p value to danmaku String[] values = pValue.split(","); if (values.length > 0) { long time = (long) (float.parsefloat(values[0]) * 1000); // 出现时间 int type = Integer.parseInt(values[1]); // d幕类型 float textSize = float.parsefloat(values[2]); // 字体大小 int color = Integer.parseInt(values[3]) | 0xFF000000; // 颜色 item = mContext.mDanmakuFactory.createDanmaku(type,mContext); if (item != null) { item.setTime(time); item.textSize = textSize * (mdispDensity - 0.6f); item.textcolor = color; item.textShadowcolor = color <= color.BLACK ? color.WHITE : color.BLACK; } } }

d幕资源加载完毕后，就调用mDvDanmuku的prepare（）方法，执行准备。当准备完毕的时候，就会调用DrawHandler.CallBack()回调中的prepared方法。然后在这个prepared方法中正式让d幕启动。调用顺序如下：

mDvDanmaku.prepare(mParser,mDanmakuContext);//传入解析完成的d幕和上下文

然后执行DanmukuVIEw下的prepare()方法

private voID prepare() { if (handler == null) handler = new DrawHandler(getLooper(mDrawingThreadType),this,mDanmakuVisible);//创建一个Handler }

通过这个Handler来实现进程间的通讯

handler.setConfig(config);

handler.setParser(parser);

handler.setCallback(mCallback);

handler.prepare();-》会让handler发送一个message 去执行正真的准备

DrawHandler中有一个回调

public interface Callback { public voID prepared(); public voID updateTimer(DanmakuTimer timer); public voID danmakuShown(BaseDanmaku danmaku); public voID drawingFinished(); }

真正的准备

mTimeBase = SystemClock.uptimeMillis(); if (mParser == null || !mDanmakuVIEw.isVIEwReady()) {//没有准备好，延时0.1秒后再执行 sendEmptyMessageDelayed(PREPARE,100); } else { prepare(new Runnable() { @OverrIDe public voID run() { pausedposition = 0; mReady = true; if (mCallback != null) { mCallback.prepared(); } } }); }

以上是d幕VIEw的启动调用流程。

那么，怎么添加d幕捏？元芳，你怎么看？（TM我怎么知道我怎么看）看下面

private voID addDanmaku(boolean islive) { BaseDanmaku danmaku = mDanmakuContext.mDanmakuFactory.createDanmaku(BaseDanmaku.TYPE_SCRolL_RL);//添加一条从右到左的滚动d幕 if (danmaku == null || mDvDanmaku == null) { return; } danmaku.text = "这是一条d幕" + System.nanoTime(); danmaku.padding = 5; danmaku.priority = 0; // 可能会被各种过滤器过滤并隐藏显示 设置为1的话，就一定会显示 适用于本机发送的d幕 danmaku.islive = islive; danmaku.setTime(mDvDanmaku.getCurrentTime() + 1200); danmaku.textSize = 25f * (mParser.getdisplayer().getDensity() - 0.6f); danmaku.textcolor = color.RED;//默认设置为红色字体 danmaku.textShadowcolor = color.WHITE; danmaku.bordercolor = color.GREEN;//为了区别其他d幕与自己发的d幕，再给自己发的d幕加上边框 mDvDanmaku.addDanmaku(danmaku); }

以上所述是小编给大家介绍的AndroIDd幕框架 黑暗火焰使，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程小技巧网站的支持！

总结

以上是内存溢出为你收集整理的Androidd幕框架 黑暗火焰使基本使用方法全部内容，希望文章能够帮你解决Androidd幕框架 黑暗火焰使基本使用方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。