安卓弹幕滚幕效果自定义View之BarrageView|支持点击事件|隐藏不滞留|颜色随机|大小速度范围随机

1、简介

项目地址: https://github.com/tpnet/BarrageView-tpnet-master

弹幕、滚屏 的自定义View，字体大小在一个范围随机，颜色随机，滚动速度范围随机，支持点击回调，隐藏后恢复不会有停滞，原理是在一个RelativeLayout里面随机生成TextView进行属性动画

2、代码解析

两个源文件:

1、 BarrgeItem.java
每个item就是一个x轴移动的TextView，包含属性

package com.example.tpnet.barrageview_tpnet_master;
import android.widget.TextView;
/**
 * Created by tpnet
 * 2016\4\16
 */
public class BarrageItem {
    public TextView textView;
    public int textColor;
    public String text;
    public int textSize;
    public int moveSpeed;//移动速度
    public int verticalPos;//垂直方向显示的位置
    public int textMeasuredWidth;//字体显示占据的宽度
}

2、BarrageView
自定义View，修改RelativeLayout的属性，包涵代码解析

package com.example.tpnet.barrageview_tpnet_master;

import android.animation.Animator;
import android.animation.ObjectAnimator;
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.View;
import android.view.animation.DecelerateInterpolator;
import android.widget.RelativeLayout;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;
import java.util.Random;


/**
 * Created by tpnet
 * 16/4/14
 */
public class BarrageView extends RelativeLayout {

    private OnClickActionListener mClick = null;
    // 为接口设置监听器
    public void setOnClickActionListener(OnClickActionListener down) {
        mClick = down;
    }
    //定义接口
    public interface OnClickActionListener {
        void onClick(String str);
    }

    private Context mContext;
    private BarrageHandler mHandler = new BarrageHandler();
    private Random random = new Random(System.currentTimeMillis());   //获取自1970年1月1日0时起到现在的毫秒数

    private static final long BARRAGE_GAP_MIN_DURATION = 1000;//两个弹幕的最小间隔时间
    private static final long BARRAGE_GAP_MAX_DURATION = 2000;//两个弹幕的最大间隔时间
    private int maxSpeed = 10000;   // 最小速度，ms，越大越慢
    private int minSpeed = 6000;    //  最快速度，ms，越大越慢
    private int maxSize = 30;       //最大字体文字，dp
    private int minSize = 15;       //最小文字大小，dp

    private int totalHeight = 0;    //总高度
    private int lineHeight = 0;     //每一行弹幕的高度
    private int totalLine = 0;      //弹幕的行数
    private List<String> itemText = new ArrayList<>();  //内容list
    private int textCount;   //条目的数量

    public BarrageView(Context context) {
        this(context, null);
    }

    public BarrageView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public BarrageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        mContext = context;
        initData();
        init();
    }

    private void init() {
        //初始化条目
        textCount = itemText.size();
    }

    private void generateItem() {
        BarrageItem item = new BarrageItem();
        //String tx = itemText[(int) (Math.random() * textCount)];
        //随机获取条目
        String tx;
        tx = itemText.get((int) (Math.random() * textCount));
        //范围随机获取大小
        int sz = (int) (minSize + (maxSize - minSize) * Math.random());

        //创建textView 控件
        item.textView = new TextView(mContext);

        //设置文本属性
        item.textView.setText(tx);
        item.textView.setTextSize(sz);
        //item.textView.setBackgroundColor(R.color.black);

        item.textView.setTextColor(Color.rgb(random.nextInt(256), random.nextInt(256), random.nextInt(256)));

        //获取滚动TextView的宽度
        item.textMeasuredWidth = (int) getTextWidth(item, tx, sz);

        //设置随机移动速度
        item.moveSpeed = (int) (minSpeed + (maxSpeed - minSpeed) * Math.random());

        //为0则,初始化
        if (totalLine == 0) {
            //获取当前View的实际高度
            totalHeight = getMeasuredHeight();
            //获取行高
            lineHeight = getLineHeight();
            //获取总行数
            totalLine = totalHeight / lineHeight;
        }

        //垂直方向显示位置,行数的随机一行，nextInt(n) 返回一个大于等于0小于n的随机数
        System.out.println(totalLine+" "+lineHeight);
        item.verticalPos = random.nextInt(totalLine) * lineHeight;
        //显示滚屏
        showBarrageItem(item);

    }


    /**
     * 显示TextView 的动画效果
     * @param item
     */
    private void showBarrageItem(final BarrageItem item) {
        //屏幕宽度 像素
        int leftMargin = this.getRight() - this.getLeft() - this.getPaddingLeft();
        //System.out.println(item.textView.getText()+(leftMargin+""));
        //显示的TextView 的位置，
        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);

        //设置回调回调点击
        final String temp = item.textView.getText().toString();
        item.textView.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                mClick.onClick(temp);
            }
        });

        //使用属性动画，确保控件位置不固定
        transAnimRun(item, leftMargin);
    }

    private void transAnimRun(final BarrageItem item, int leftMargin)
    {
        ObjectAnimator objAnim =ObjectAnimator
                //滑动位置是x方向滑动，从屏幕宽度+View的长度到左边0-View的长度
        .ofFloat(item.textView,"translationX" , leftMargin, -item.textMeasuredWidth)
        .setDuration(item.moveSpeed);
        //设置移动的过程速度，开始快之后满
        objAnim.setInterpolator(new DecelerateInterpolator());
        //开始动画
        objAnim.start();

        objAnim.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {

            }

            @Override
            public void onAnimationEnd(Animator animation) {
                //动画执行完毕，清除动画，删除view，
                item.textView.clearAnimation();
                BarrageView.this.removeView(item.textView);
            }

            @Override
            public void onAnimationCancel(Animator animation) {

            }

            @Override
            public void onAnimationRepeat(Animator animation) {

            }
        });
    }


    /**
     * 计算TextView中字符串的长度
     *
     * @param text 要计算的字符串
     * @param Size 字体大小
     * @return TextView中字符串的长度
     */
    public float getTextWidth(BarrageItem item, String text, float Size) {
        //Rect表示一个矩形，由四条边的坐标组成
        Rect bounds = new Rect();
        TextPaint paint;
        paint = item.textView.getPaint();
        paint.getTextBounds(text, 0, text.length(), bounds);
        //System.out.println(item.textView.getText()+(bounds.width()+"")+"宽度");
        return bounds.width();
    }

    /**
     * 获得每一行弹幕的最大高度
     *
     * @return
     */
    private int getLineHeight() {
        BarrageItem item = new BarrageItem();
        String tx;
        tx = itemText.get(0);
        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();
    }

    class BarrageHandler extends Handler {
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            //每个弹幕产生的间隔时间随机
            int duration = (int) ((BARRAGE_GAP_MAX_DURATION - BARRAGE_GAP_MIN_DURATION) * Math.random());
            generateItem();
            this.sendEmptyMessageDelayed(0, duration);
        }
    }

    /**
     * 当view显示在窗口的时候，回调的visibility等于View.VISIBLE。。当view不显示在窗口时，回调的visibility等于View.GONE
     *
     * 窗口隐藏了，把内容全部清空，防止onPause时候内容停滞
     *
     * **/
    @Override
    protected void onWindowVisibilityChanged(int visibility) {
        super.onWindowVisibilityChanged(visibility);
        if(visibility == View.GONE){
            mHandler.removeMessages(0);
        }else if(visibility == View.VISIBLE){
            mHandler.sendEmptyMessage(0);
        }
    }

    /**
     *
     * 初始化数据
     *
     * **/
    private void initData(){
        itemText.add("疯狂动物城");
        itemText.add("师父");
        itemText.add("我的特工爷爷");
        itemText.add("风之谷");
        itemText.add("美人鱼");
        itemText.add("唐人街探案");
        itemText.add("西游记之孙悟空三打白骨精");
        itemText.add("解救吾先生");
    }
}

3、使用方法

在需要滚屏的方引入 BarrageView

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

    <!-- 自定义View 的路径 -->    
    <com.example.tpnet.barrageview_tpnet_master.BarrageView
        android:id="@+id/bv_text"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</RelativeLayout>

4、回调点击事件

在BarrageView 的Activity 中，为BarrageView setOnClickActionListener 就行了，

package com.example.tpnet.barrageview_tpnet_master;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private BarrageView bvText;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        bvText = (BarrageView) findViewById(R.id.bv_text);
        bvText.setOnClickActionListener(new BarrageView.OnClickActionListener() {
            @Override
            public void onClick(String str) {
                Toast.makeText(MainActivity.this,str,Toast.LENGTH_SHORT).show();
            }
        });
    }
}