教你写一个弹幕库，确定不了解一下？，请查收

花费了不少闲暇的时间，故打算在此总结一下。

老规矩，在写下文之前，我们先看一下效果：

单视图弹幕应用

多视图弹幕例子

ails/93206282)目录

会遇到的坑

多视图如何处理
如何防碰撞
触摸事件如何检测

#_2_总体一览

我们先看一下弹幕的产生过程：

整体并不难， BarrageAdapter负责管理数据， BarrageView负责管理视图，数据被加入 BarrageAdapter后，单线程的线程池控制子 View 的产生速度，定时发送消息给 BarrageAdapterHandler，生成弹幕的子 View 之后经过一些列操作添加进 BarrageView中。

#_3_代码一览

这里，我不会把整段代码都贴上，而是根据弹幕产生过程逐步展开。

1.数据定义

所有弹幕的数据都必须实现 DataSource接口， getType()方法可以帮我们确定视图的布局。

public interface DataSource {

// 返回当前的类型

int getType();

// 返回生成的时间

long getShowTime();

}

2.定义 IBarrageView接口

BarrageView需要实现的方法，让调用

public interface IBarrageView {

// 添加视图

void addBarrageItem(View view);

// 获取是否存在缓存

View getCacheView(int type);

// 发送View间隔

long getInterval();

// 循环的次数

int getRepeat();

}

3.数据添加

为了约束数据类型，我们需要在 BarrageAdapter使用范型，也就是

public abstract class BarrageAdapter

implements View.OnClickListener {

}

下面我们从数据的添加入口讲起：

/**

添加一组数据
@param dataList 一组数据

public void addList(List dataList) {

if (dataList == null || dataList.size() == 0)

return;

int len = dataList.size();

mDataList.addAll(dataList);

mService.submit(new DelayRunnable(len));

}

mDataList是我们存放数据的 List，数据添加好之后，线程池会执行我们的任务 DelayRunnable， DelayRunnable是什么呢？看代码：

/**

延迟的Runnable

public class DelayRunnable implements Runnable {

private int len;

DelayRunnable(int len) {

this.len = len;

}

@Override

public void run() {

if (repeat != -1 && repeat > 0) {

for (int j = 0; j < repeat; j++) {

sendMsg(len);

}

} else if (repeat == -1) {

while (!isDestroy.get()) {

sendMsg(len);

}

private void sendMsg(int len) {

for (int i = 0; i < len; i++) {

Message msg = new Message();

msg.what = MSG_CREATE_VIEW;

msg.obj = i;

mHandler.sendMessage(msg);

try {

Thread.sleep(interval * 20);

} catch (InterruptedException e) {

e.printStackTrace();

}

可以看到， DelayRunnable实现了 Runnable接口， run()方法主要控制弹幕的循环次数， sendMsg(intlen)中不断发送消息给 mHandler，其中循环次数 repeat和发送消息的间隔 interval都是 IBarrageView提供的，而 mHandler就是生产过程中有的 BarrageAdapterHandler，主要负责子View的生成。

4.子 View 的生成

我们将 BarrageAdapterHandler设置成静态类。从数据变成 BarrageView子View的过程直接在下面的代码体现了出来：

public static class BarrageAdapterHandler extends Handler {

private WeakReference adapterReference;

BarrageAdapterHandler(Looper looper, BarrageAdapter adapter) {

super(looper);

adapterReference = new WeakReference<>(adapter);

}

@Override

public void handleMessage(Message msg) {

super.handleMessage(msg);

switch (msg.what) {

case MSG_CREATE_VIEW: {

int pos = (int) msg.obj;

T data = (T) adapterReference.get().mDataList.get(pos);

if (data == null)

break;

if (adapterReference.get().barrageView == null)

throw new RuntimeException(“please set barrageView,barrageView can’t be null”);

// get from cache

View cacheView = adapterReference.get().barrageView.getCacheView(data.getType());

adapterReference.get().createItemView(data, cacheView);

}

先获取 msg.obj中的序号，从而从 mDataList中取出具体数据，接着从 IBarrageView中的 getCacheView(data.getType())获取缓存视图。

我们先抛开 BarrageAdapter，从 BarrageView中继续挖掘，在 BarrageView中，我们利用 SparseArray进行缓存弹幕子 View 的管理，根据不同的 DataSource中的 type，将缓存弹幕子 View 存进不同的 LinkedList中。

我们需要缓存弹幕子 View 的时候直接从 SparseArray里面取出一个子 View。

现在可以回到 BarrageAdapter了，我们来看 createItemView(data,cacheView)方法，这里就很像我们平时对 RecyclerView中 RecyclerAdapter的封装了：

/**

创建子视图的过程
@param cacheView 缓存视图

public void createItemView(T data, View cacheView) {

// 1.获取子布局

// 2. 创建ViewHolder

// 3. 绑定ViewHolder

// 4. 返回视图

int layoutType = getItemLayout(data);

BarrageViewHolder holder = null;

if (cacheView != null) {

holder = (BarrageViewHolder) cacheView.getTag(R.id.barrage_view_holder);

}

if (null == holder) {

holder = createViewHolder(mContext, layoutType);

mTypeList.add(data.getType());

}

bindViewHolder(holder, data);

if (barrageView != null)

barrageView.addBarrageItem(holder.getItemView());

}

/**

创建ViewHolder
@param type 布局类型
@return ViewHolder

private BarrageViewHolder createViewHolder(Context context, int type) {

View root = LayoutInflater.from(context).inflate(type, null);

BarrageViewHolder holder = onCreateViewHolder(root, type);

// 设置点击事件

root.setTag(R.id.barrage_view_holder, holder);

root.setOnClickListener(this);

return holder;

}

public abstract static class BarrageViewHolder {

public T mData;

private View itemView;

public BarrageViewHolder(View itemView) {

this.itemView = itemView;

}

public View getItemView() {

return itemView;

}

void bind(T data) {

mData = data;

onBind(data);

}

protected abstract void onBind(T data);

}

在子View的生成过程中:

a. 先获取子布局文件， getItemLayout(T t)是抽象方法，主要根据不同的数据类型确定不同的布局文件。

b. 接着判断缓存 View cacheView是否为空，不为空则利用 getTag(R.id.barrage_view_holder)方法获取缓存 View 中绑定的 BarrageViewHolder。

c. holder即 BarrageViewHolder为空的情况下就重新创建弹幕的子 View，这里我们可以从 createViewHolder(mContext,layoutType)中得处结论，子 View 就是在这里根据不同的布局文件创建的， Tag和弹幕的触摸事件的设置也是在这里设置的，这也就解决了上面的两个问题，如何设置多视图和触摸事件的检测。

d. bindViewHolder(holder,data);将 holder和具体的数据进行绑定。最终调用 BarrageViewHolder中的抽象 onBind(T data)方法，从而进行 UI 的设置。

e. 最后， IBarrageView将子弹幕子 View 添加进去。

5. BarrageView对子 View 的处理

子 View 添加来之后， BarrageView会对子 View 进行高度和宽度的测量，测量完之后进行最佳弹幕航道的选择和速度的设置，最后进行属性动画的创建，我们逐个分析。

宽度和高度的设置

@Override

public void addBarrageItem(final View view) {

// 获取高度和宽度

int w = View.MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);

int h = View.MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);

view.measure(w, h);

final int itemWidth = view.getMeasuredWidth();

final int itemHeight = view.getMeasuredHeight();

if (singleLineHeight == -1) {

// 如果没有设置高度启用添加的第一个Item作为行数

// 建议使用最小的Item的高度

宽度和高度的设置

@Override

public void addBarrageItem(final View view) {

// 获取高度和宽度

int w = View.MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);

int h = View.MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);

view.measure(w, h);

final int itemWidth = view.getMeasuredWidth();

final int itemHeight = view.getMeasuredHeight();

if (singleLineHeight == -1) {

// 如果没有设置高度启用添加的第一个Item作为行数

// 建议使用最小的Item的高度