Android双重SurfaceView实现弹幕效果

 更新时间:2019年11月28日 09:04:33   作者:Android Biubiu  
这篇文章主要为大家详细介绍了Android双重SurfaceView实现弹幕效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android双重SurfaceView实现弹幕效果的具体代码,供大家参考,具体内容如下

页面布局

首先是XML的layout布局,这里的总的父布局是一个FrameLayout用于贴上两个SurfaceView,一个用来播放视频,一个用来显示弹幕

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  tools:context=".DanmuActivity">

  <SurfaceView
    android:id="@+id/sv_text"
    android:layout_width="match_parent"
    android:layout_height="400dp"/>

  <SurfaceView
    android:id="@+id/sv_media"
    android:layout_width="match_parent"
    android:layout_height="400dp"/>
    />


  <EditText
    android:id="@+id/et_text"
    android:layout_width="300dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="450dp"/>

  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="发送"
    android:layout_marginTop="500dp"
    android:onClick="Gogo"/>
</FrameLayout>

对象类

创建一个对象类来存放你所发送的弹幕

public class Danmu {

  String text;//弹幕内容
  int x;//x轴
  int y;//y轴

  public Danmu(String text){
    this.text = text;
    //将y设置为随机,弹幕出现的位置也为随机
    this.y = (int) (Math.random()*400);
    this.x = 0;
  }
}

Activity实现SurfaceHolder.Callback并重写其方法

先定义需要的东西,播放视频我们用Mediaplayer

//视频播放
private MediaPlayer mediaPlayer;
//弹幕Surface与视频Surface
private SurfaceView sv_text, sv_media;
//两个Surface对应的两个holder
private SurfaceHolder text_holder, media_holder;
EditText editText;//字幕输入框
List<Danmu> list = new ArrayList<>();//存放

初始化MediaPlayer,要在第一步执行否则运行会报空,这里封装成了一个方法,直接在onCreate内调用

private void initPlayer() throws IOException {
 //先判断是否创建过,没创建就创建出来
    if (mediaPlayer == null) {
      mediaPlayer = new MediaPlayer();
    }
    mediaPlayer.reset();//使其恢复空闲状态
    //播放的资源
    mediaPlayer.setDataSource("http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4");
    mediaPlayer.prepare();//准备
    mediaPlayer.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
      @Override
      public void onPrepared(MediaPlayer mp) {//准备完毕了
        mediaPlayer.start();//播放
      }
    });
  }

初始化控件,同样封装为方法,holder用对应的Surface获取到

private void initView() {

    sv_text = findViewById(R.id.sv_text);
    text_holder = sv_text.getHolder();
    text_holder.addCallback(this);

    sv_media = findViewById(R.id.sv_media);
    media_holder = sv_media.getHolder();
    media_holder.addCallback(this);

    editText = findViewById(R.id.et_text);

    //设置透明,将播放弹幕的Surface放到第一位并设置为背景透明
    sv_text.setZOrderOnTop(true);
    text_holder.setFormat(PixelFormat.TRANSPARENT);
  }

接下来是Surface.Callback重写的方法

@Override
  public void surfaceCreated(SurfaceHolder holder) {
  //判断当前holder是否是media的那个
    if (holder == media_holder) {
    //设置要显示的Surfaceholder
      mediaPlayer.setDisplay(media_holder);
        //判断当前holder是否是字幕的那个
    } else if (holder == text_holder) {
    //创建线程执行耗时操作
      new Thread() {
        @Override
        public void run() {
          super.run();
          //死循环用来一直更新弹幕的位置
          while (true) {
            try {
              Thread.sleep(500);
            } catch (InterruptedException e) {
              e.printStackTrace();
            }
  Paint paint = new Paint();//创建画笔
 paint.setStrokeWidth(5);//画笔粗细
 paint.setColor(Color.GREEN);//画笔颜色
  paint.setTextSize(30);//设置文字大小
 //创建画板
   Canvas canvas = text_holder.lockCanvas();
   //判断若画板为空则跳出循环
            if (canvas == null) {
              break;
            }
        //设置画布颜色,透明
 canvas.drawColor(PixelFormat.TRANSPARENT, PorterDuff.Mode.CLEAR);
 //用循环来你的弹幕集合并且在画板上展示出来
 //x+=20为你的弹幕在不断的从左到右移动
      for (Danmu danmu : list) {
  canvas.drawText(danmu.text, danmu.x += 20, danmu.y, paint);
  //若移动的位置大于视频Surface的宽度了就归0
     if (danmu.x > sv_media.getWidth()) {
                danmu.x = 0;
           }
          }
          //将画布解锁并显示到屏幕上
    text_holder.unlockCanvasAndPost(canvas);
          }
        }
      }.start();//不要忘记开启线程

    }

  }

发送的按钮的点击事件

public void Gogo(View view) {
//先判断输入框里有没有东西
    if (!editText.getText().toString().isEmpty() && !editText.getText().toString().equals("")) {
      Danmu danmu = new Danmu(editText.getText().toString());
      list.add(danmu);
    }
  }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • RecyclerView实现拖拽排序效果

    RecyclerView实现拖拽排序效果

    这篇文章主要为大家详细介绍了RecyclerView实现拖拽排序效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • Android Drawable及其相关类的使用

    Android Drawable及其相关类的使用

    本文主要讲解Android Drawable,这里整理了Drawable 的文档资料和实例代码以及实现效果图,有需要的小伙伴可以参考下
    2016-08-08
  • Flutter 完美的验证码输入框实现

    Flutter 完美的验证码输入框实现

    这篇文章主要介绍了Flutter 完美的验证码输入框实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • Android实现图片选择器功能

    Android实现图片选择器功能

    这篇文章主要为大家详细介绍了Android实现图片选择器功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • Android仿手机通讯录地址选择功能

    Android仿手机通讯录地址选择功能

    这篇文章主要为大家详细介绍了Android仿手机通讯录地址选择功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • Kotlin HttpURLConnection与服务器交互实现方法详解

    Kotlin HttpURLConnection与服务器交互实现方法详解

    简单来说,HttpURLConnection 是发起HTTP请求的基础类库,提供了HTTP请求的基本功能,不过封装的比较少,在使用时很多内容都需要自己设置,也需要自己处理请求流和响应流
    2022-09-09
  • Android camera2 判断相机功能是否可控的实例

    Android camera2 判断相机功能是否可控的实例

    下面小编就为大家带来一篇Android camera2 判断相机功能是否可控的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • 实例讲解Android中的AutoCompleteTextView自动补全组件

    实例讲解Android中的AutoCompleteTextView自动补全组件

    AutoCompleteTextView组件被用在输入框中能实现输入内容自动补全的功能,类似于大家平时用Google时的输入联想,这里我们来用实例讲解Android中的AutoCompleteTextView自动补全组件,特别是实现邮箱地址补全的例子,非常实用
    2016-05-05
  • Android编程之图片颜色处理方法

    Android编程之图片颜色处理方法

    这篇文章主要介绍了Android编程之图片颜色处理方法,涉及Android针对图片的颜色值、饱和度、透明度等处理技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • Android实现圆角Button按钮

    Android实现圆角Button按钮

    这篇文章主要介绍了Android实现圆角Button按钮,利用xml文件中 shape实现圆角效果,感兴趣的小伙伴们可以参考一下
    2015-12-12

最新评论