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

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

10年積累的網(wǎng)站制作、網(wǎng)站設計經(jīng)驗，可以快速應對客戶對網(wǎng)站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡服務。我雖然不認識你，你也不認識我。但先網(wǎng)站制作后付款的網(wǎng)站建設流程，更有紅河哈尼免費網(wǎng)站建設讓你可以放心的選擇與我們合作。

效果圖：

思路：

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

首先創(chuàng)建彈幕類，彈幕包括坐標，顏色，滾動速度，以及文字內(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，彈幕橫坐標不斷變換，需要實現(xiàn)定時刷新界面，重新繪制text。所以實現(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中獲取彈幕進行繪制，由于在其他線程進行刷新，所以使用postInvalidate進行重繪。

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

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

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

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

當前文章：Android自定義View實現(xiàn)彈幕效果
新聞來源：http://m.newbst.com/article48/jeishp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、電子商務、ChatGPT、關(guān)鍵詞優(yōu)化、軟件開發(fā)、全網(wǎng)營銷推廣

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

猜你還喜歡下面的內(nèi)容

免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

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