溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Android自定義View實(shí)現(xiàn)彈幕效果

發(fā)布時(shí)間：2020-10-16 10:31:03 來源：腳本之家 閱讀：337 作者：BrcLi 欄目：移動開發(fā)

在很多視頻直播中都有彈幕功能，而安卓上沒有簡單好用的彈幕控件，本文介紹一個自定義彈幕view的demo。

效果圖：

Android自定義View實(shí)現(xiàn)彈幕效果

思路：

1、自定義Textitem類表示彈幕的信息
2、自定義view繼承view，使用ArrayList保存每條Textitem
3、隨機(jī)生成坐標(biāo)點(diǎn)繪制每條TextItem，不斷變換Text的橫坐標(biāo)實(shí)現(xiàn)彈幕的滾動

首先創(chuàng)建彈幕類，彈幕包括坐標(biāo)，顏色，滾動速度，以及文字內(nèi)容：

public class Textitem {
 private String content;
 private float fx;
 private float fy;
 private float perstep;
 private int textcolor;
 
 public Textitem(String content,float fx,float fy,float perstep,int textcolor){
  this.content = content;
  this.fx = fx;
  this.fy = fy;
  this.perstep = perstep;
  this.textcolor = textcolor;
 }
 
 public String getContent(){
  return content;
 }
 
 public void setContent(String content){
  this.content = content;
 }
 
 public int getTextcolor(){
  return textcolor;
 }
 
 public void setTextcolor(int textcolor){
  this.textcolor = textcolor;
 }
 
 public float getFx(){
   return fx;
 }
 
 public void setFx(float fx){
  this.fx = fx;
 }
 
 public float getFy(){
  return fy;
 }
 
 public void setFy(float fy){
  this.fy = fy;
 }
 
 public float getPerstep(){
  return perstep;
 }
 
 public void setPerstep(){
  fx -= perstep;
 }
}

接下來自定義View，彈幕橫坐標(biāo)不斷變換，需要實(shí)現(xiàn)定時(shí)刷新界面，重新繪制text。所以實(shí)現(xiàn)了Runable接口，在構(gòu)造方法中開啟線程，不斷循環(huán)，每600毫秒刷新界面：

public class barrageview extends View implements Runnable{
 
 private List<Textitem> items = new ArrayList<>();
 Random random = new Random();
 private Paint paint;
 
 public barrageview(Context context) {
  super(context);
  initpaint();
  new Thread(this).start();
 }
 
 public barrageview(Context context, AttributeSet attrs) {
  super(context, attrs);
  initpaint();
  new Thread(this).start();
 }
 
 public barrageview(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  initpaint();
  new Thread(this).start();
 }
 
 
 public void addTextitem(String content){
  float x = random.nextFloat()*getWidth();
  float y = Math.abs(random.nextFloat()*(getHeight()-50))+40;
  float step = random.nextFloat()*50;
  int r = random.nextInt(255);
  int g = random.nextInt(255);
  int b = random.nextInt(255);
  Textitem item = new Textitem(content,x,y,step, Color.rgb(r,g,b));
  items.add(item);
 }
 
 public void initpaint(){
  paint = new TextPaint(Paint.ANTI_ALIAS_FLAG);
  paint.setColor(Color.RED);
  paint.setTextSize(30);
 }
 
 @Override
 public void draw(Canvas canvas) {
  super.draw(canvas);
  for(Textitem item:items){
   paint.setColor(item.getTextcolor());
   canvas.drawText(item.getContent(),item.getFx(),item.getFy(),paint);
  }
 }
 
 @Override
 public void run() {
  while(true){
   try{
    Thread.sleep(600);
    for(Textitem item:items){
     item.setPerstep();
    }
    postInvalidate();
   } catch (InterruptedException e){
    e.printStackTrace();
   }
  }
 }
}

彈幕VIew就是不斷從ArrayList中獲取彈幕進(jìn)行繪制，由于在其他線程進(jìn)行刷新，所以使用postInvalidate進(jìn)行重繪。

由于只是實(shí)現(xiàn)demo，很多問題沒有考慮，存在問題：

彈幕離開屏幕后沒有進(jìn)行清除，使得ArrayList不斷擴(kuò)大，可以進(jìn)行一個判斷，若Textitem的繪制區(qū)域不在屏幕內(nèi)則刪掉此item
彈幕若沒有交互需求，可以使用Surfaceview進(jìn)行繪制，SurfaceView可以在子線程更新UI，多緩存機(jī)制也可以避免畫面跳動
另外注意下自定義View的構(gòu)造函數(shù)的調(diào)用時(shí)機(jī)：

public View（Context context）是在java代碼創(chuàng)建視圖直接通過new方法創(chuàng)建的時(shí)候被調(diào)用，
public View（Context context， Attributeset attrs）是在xml創(chuàng)建但是沒有指定style的時(shí)候被調(diào)用
public View（Context Context，AttributeSet attrs， int defStyle）給View提供一個基本的style,沒有對View設(shè)置屬性就使用style中的屬性

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手