怎么在Android中利用雙重SurfaceView實(shí)現(xiàn)彈幕效果

這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)怎么在Android中利用雙重SurfaceView實(shí)現(xiàn)彈幕效果，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)公司致力于互聯(lián)網(wǎng)網(wǎng)站建設(shè)與網(wǎng)站營銷，提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站開發(fā)、seo優(yōu)化、網(wǎng)站排名、互聯(lián)網(wǎng)營銷、重慶小程序開發(fā)、公眾號商城、等建站開發(fā)，創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)策劃專家，為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案，幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢。

頁面布局

首先是XML的layout布局,這里的總的父布局是一個(gè)FrameLayout用于貼上兩個(gè)SurfaceView,一個(gè)用來播放視頻,一個(gè)用來顯示彈幕

<?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="發(fā)送"
    android:layout_marginTop="500dp"
    android:onClick="Gogo"/>
</FrameLayout>

對象類

創(chuàng)建一個(gè)對象類來存放你所發(fā)送的彈幕

public class Danmu {

  String text;//彈幕內(nèi)容
  int x;//x軸
  int y;//y軸

  public Danmu(String text){
    this.text = text;
    //將y設(shè)置為隨機(jī),彈幕出現(xiàn)的位置也為隨機(jī)
    this.y = (int) (Math.random()*400);
    this.x = 0;
  }
}

Activity實(shí)現(xiàn)SurfaceHolder.Callback并重寫其方法

先定義需要的東西,播放視頻我們用Mediaplayer

//視頻播放
private MediaPlayer mediaPlayer;
//彈幕Surface與視頻Surface
private SurfaceView sv_text, sv_media;
//兩個(gè)Surface對應(yīng)的兩個(gè)holder
private SurfaceHolder text_holder, media_holder;
EditText editText;//字幕輸入框
List<Danmu> list = new ArrayList<>();//存放

初始化MediaPlayer,要在第一步執(zhí)行否則運(yùn)行會報(bào)空,這里封裝成了一個(gè)方法,直接在onCreate內(nèi)調(diào)用

private void initPlayer() throws IOException {
 //先判斷是否創(chuàng)建過,沒創(chuàng)建就創(chuàng)建出來
    if (mediaPlayer == null) {
      mediaPlayer = new MediaPlayer();
    }
    mediaPlayer.reset();//使其恢復(fù)空閑狀態(tài)
    //播放的資源
    mediaPlayer.setDataSource("http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4");
    mediaPlayer.prepare();//準(zhǔn)備
    mediaPlayer.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
      @Override
      public void onPrepared(MediaPlayer mp) {//準(zhǔn)備完畢了
        mediaPlayer.start();//播放
      }
    });
  }

初始化控件,同樣封裝為方法,holder用對應(yīng)的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);

    //設(shè)置透明,將播放彈幕的Surface放到第一位并設(shè)置為背景透明
    sv_text.setZOrderOnTop(true);
    text_holder.setFormat(PixelFormat.TRANSPARENT);
  }

接下來是Surface.Callback重寫的方法

@Override
  public void surfaceCreated(SurfaceHolder holder) {
  //判斷當(dāng)前holder是否是media的那個(gè)
    if (holder == media_holder) {
    //設(shè)置要顯示的Surfaceholder
      mediaPlayer.setDisplay(media_holder);
        //判斷當(dāng)前holder是否是字幕的那個(gè)
    } else if (holder == text_holder) {
    //創(chuàng)建線程執(zhí)行耗時(shí)操作
      new Thread() {
        @Override
        public void run() {
          super.run();
          //死循環(huán)用來一直更新彈幕的位置
          while (true) {
            try {
              Thread.sleep(500);
            } catch (InterruptedException e) {
              e.printStackTrace();
            }
  Paint paint = new Paint();//創(chuàng)建畫筆
 paint.setStrokeWidth(5);//畫筆粗細(xì)
 paint.setColor(Color.GREEN);//畫筆顏色
  paint.setTextSize(30);//設(shè)置文字大小
 //創(chuàng)建畫板
   Canvas canvas = text_holder.lockCanvas();
   //判斷若畫板為空則跳出循環(huán)
            if (canvas == null) {
              break;
            }
        //設(shè)置畫布顏色,透明
 canvas.drawColor(PixelFormat.TRANSPARENT, PorterDuff.Mode.CLEAR);
 //用循環(huán)來你的彈幕集合并且在畫板上展示出來
 //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();//不要忘記開啟線程

    }

  }

發(fā)送的按鈕的點(diǎn)擊事件

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

上述就是小編為大家分享的怎么在Android中利用雙重SurfaceView實(shí)現(xiàn)彈幕效果了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站名稱：怎么在Android中利用雙重SurfaceView實(shí)現(xiàn)彈幕效果
文章轉(zhuǎn)載：http://www.muchs.cn/article10/ippgdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、云服務(wù)器、網(wǎng)站設(shè)計(jì)公司、響應(yīng)式網(wǎng)站、網(wǎng)頁設(shè)計(jì)公司、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)頁設(shè)計(jì)公司